Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

"Interactive Hover Spotlight with Smooth Follow Effect" by Sam García

CodePen's profile picture

CodePen.IO

204,624 subscribers

13,796 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

"Interactive Table with Image Hover & Idle Animation" by Filip Zrnzevic
0:18

"Interactive Table with Image Hover & Idle Animation" by Filip Zrnzevic

CodePen.IO

15,103 Aufrufe • vor 1 Jahr

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)
0:13

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

Framer University

20,981 Aufrufe • vor 1 Jahr

"glowy hover effect" by Ines
0:12

"glowy hover effect" by Ines

CodePen.IO

707,458 Aufrufe • vor 2 Jahren

"ASCII Glitch Ripple Hover Effect" by Bastou
0:12

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,295 Aufrufe • vor 8 Monaten

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

355,092 Aufrufe • vor 2 Monaten

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️
0:16

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️

Ali

26,692 Aufrufe • vor 2 Monaten

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?
0:14

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?

Camden @ Designownow

15,547 Aufrufe • vor 8 Monaten

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation
0:17

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation

80 LEVEL

23,042 Aufrufe • vor 1 Jahr

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)
0:10

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)

Framer University

18,691 Aufrufe • vor 10 Monaten

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar
0:15

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar

Guido Rosso

10,512 Aufrufe • vor 5 Monaten

Interactive Web Gallery 🖥️ Made with Mediapipe by Martin Cantonny
0:13

Interactive Web Gallery 🖥️ Made with Mediapipe by Martin Cantonny

Katy v4

15,809 Aufrufe • vor 6 Monaten

Visual Effect by Alexis Lopez 💥 Follow for more gamedev VFX! #gamedev #3d #ue4 #vfx
0:12

Visual Effect by Alexis Lopez 💥 Follow for more gamedev VFX! #gamedev #3d #ue4 #vfx

VFXGameLobby

10,530 Aufrufe • vor 1 Jahr

Seize the spotlight with the Pay It Off Emote with moves by JaQuel Knight
0:12

Sensitive content

Seize the spotlight with the Pay It Off Emote with moves by JaQuel Knight

Fortnite

828,358 Aufrufe • vor 3 Jahren

Europe by Train See how far you can travel by train in Europe within 5 hours. Hover to explore reachable destinations with estimated transfers. Explore here (by Chronotrains): old.chronotrains .com
0:10

Europe by Train See how far you can travel by train in Europe within 5 hours. Hover to explore reachable destinations with estimated transfers. Explore here (by Chronotrains): old.chronotrains .com

Leon

487,323 Aufrufe • vor 10 Monaten

Brent Manalo bringing his swag to the ASAP stage with his smooth moves—always owning the spotlight! BRENT FLIP THE MOVES BRENT FLIP THE MOVES BRENT FLIP THE MOVES
0:13

Brent Manalo bringing his swag to the ASAP stage with his smooth moves—always owning the spotlight! BRENT FLIP THE MOVES BRENT FLIP THE MOVES BRENT FLIP THE MOVES

FaMANALO

112,952 Aufrufe • vor 9 Monaten

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.
0:18

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.

Techartist

83,844 Aufrufe • vor 8 Monaten

We gave Grok 4.5 and GPT-5.6 Sol the exact same prompt and compared the outputs side by side. The task: generate a fully interactive HTML5 glass bridge simulation with realistic physics, structural failure, cinematic visuals, polished UI, and smooth animations. The difference is actually visible.
0:16

We gave Grok 4.5 and GPT-5.6 Sol the exact same prompt and compared the outputs side by side. The task: generate a fully interactive HTML5 glass bridge simulation with realistic physics, structural failure, cinematic visuals, polished UI, and smooth animations. The difference is actually visible.

Entelligence AI

71,177 Aufrufe • vor 20 Tagen

try this 3D moving effect with your photos! follow for more ideas and tips sc ig/mmivia
0:19

try this 3D moving effect with your photos! follow for more ideas and tips sc ig/mmivia

Laurent Correia Bill

44,744 Aufrufe • vor 7 Monaten

The kind of portfolio that makes you want to redesign yours. Beautiful details. Be sure to hover items with sound on. 🔉 → by jackie hu
0:12

The kind of portfolio that makes you want to redesign yours. Beautiful details. Be sure to hover items with sound on. 🔉 → by jackie hu

Jim Raptis

53,093 Aufrufe • vor 8 Monaten

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.
0:14

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.

Zsolt Kacso

46,663 Aufrufe • vor 2 Monaten