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 11 Monaten

🎉 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,975 Aufrufe • vor 1 Jahr

"glowy hover effect" by Ines
0:12

"glowy hover effect" by Ines

CodePen.IO

707,413 Aufrufe • vor 2 Jahren

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

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 Aufrufe • vor 7 Monaten

Review card hover effect 🧡
0:13

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,614 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👑

346,601 Aufrufe • vor 1 Monat

This is how you make a 3d card hover effect in Framer. Tutorial.
0:16

This is how you make a 3d card hover effect in Framer. Tutorial.

Praveen Kumar

34,040 Aufrufe • vor 3 Monaten

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻
0:11

Cards Hover Effect woth pure CSS and HTML 🚀🔥 Code in the comments 🧑‍💻

David Mráz

149,554 Aufrufe • vor 3 Jahren

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

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`
0:15

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`

Adam Argyle

34,575 Aufrufe • vor 1 Jahr

A very smooth interactive map on the Ramp website →
0:16

A very smooth interactive map on the Ramp website →

Jim Raptis

14,513 Aufrufe • vor 3 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

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 7 Monaten

Adobe illustrator tips: Quickly create a spotlight beam effect
0:17

Adobe illustrator tips: Quickly create a spotlight beam effect

After Effects Tricks!

352,691 Aufrufe • vor 2 Monaten

Introducing Background Ripple Effect - Click to see the ripple effect - Hover states - Dark and light mode - Good for backgrounds, hero sections and CTAs Available now on Aceternity UI
0:14

Introducing Background Ripple Effect - Click to see the ripple effect - Hover states - Dark and light mode - Good for backgrounds, hero sections and CTAs Available now on Aceternity UI

Manu Arora

12,322 Aufrufe • vor 10 Monaten

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 9 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 4 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 5 Monaten

[ME] make a nice subtle webgl hover effect pls [AI] watch and learn AGI IS HERE AND IT'S NOT GOING ANYWHERE
0:15

[ME] make a nice subtle webgl hover effect pls [AI] watch and learn AGI IS HERE AND IT'S NOT GOING ANYWHERE

👀

26,397 Aufrufe • vor 1 Jahr

Seize the spotlight with the Pay It Off Emote with moves by @jaquelknight
0:12

Sensitive content

Seize the spotlight with the Pay It Off Emote with moves by @jaquelknight

Fortnite

828,330 Aufrufe • vor 3 Jahren