正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

CodePen.IO

204,624 subscribers

13,796 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

CodePen.IO

15,103 次观看 • 11 个月前

"glowy hover effect" by Ines

"glowy hover effect" by Ines

CodePen.IO

707,447 次观看 • 2 年前

🎉 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 :)

🎉 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,979 次观看 • 1 年前

"ASCII Glitch Ripple Hover Effect" by Bastou

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 次观看 • 7 个月前

Review card hover effect 🧡

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,614 次观看 • 8 个月前

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 🚀

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 次观看 • 2 个月前

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

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

Praveen Kumar

34,248 次观看 • 3 个月前

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

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

David Mráz

149,554 次观看 • 3 年前

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. ❤️

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 次观看 • 2 个月前

A very smooth interactive map on the Ramp website →

A very smooth interactive map on the Ramp website →

Jim Raptis

14,513 次观看 • 3 个月前

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

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

Adam Argyle

34,575 次观看 • 1 年前

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?

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 次观看 • 8 个月前

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

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 次观看 • 1 年前

Adobe illustrator tips: Quickly create a spotlight beam effect

Adobe illustrator tips: Quickly create a spotlight beam effect

After Effects Tricks!

352,691 次观看 • 2 个月前

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

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 次观看 • 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 :)

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 次观看 • 10 个月前

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar

Guido Rosso

10,512 次观看 • 4 个月前

Interactive Web Gallery 🖥️ Made with Mediapipe by Martin Cantonny

Interactive Web Gallery 🖥️ Made with Mediapipe by Martin Cantonny

Katy v4

15,809 次观看 • 5 个月前

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

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

👀

26,397 次观看 • 1 年前

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

Sensitive content

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

Fortnite

828,330 次观看 • 3 年前