Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

CodePen's profile picture

CodePen.IO

204,624 subscribers

13,796 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

"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 görüntüleme • 11 ay önce

🎉 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 görüntüleme • 1 yıl önce

"glowy hover effect" by Ines
0:12

"glowy hover effect" by Ines

CodePen.IO

707,413 görüntüleme • 2 yıl önce

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

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 görüntüleme • 7 ay önce

Review card hover effect 🧡
0:13

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,614 görüntüleme • 8 ay önce

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 görüntüleme • 1 ay önce

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,229 görüntüleme • 3 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 ay önce

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

A very smooth interactive map on the Ramp website →

Jim Raptis

14,513 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 10 ay önce

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

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar

Guido Rosso

10,512 görüntüleme • 4 ay önce

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

Interactive Web Gallery 🖥️ Made with Mediapipe by Martin Cantonny

Katy v4

15,809 görüntüleme • 5 ay önce

[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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce