Загрузка видео...

Не удалось загрузить видео

На главную

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

CodePen's profile picture

CodePen.IO

204,624 subscribers

13,796 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразованиеИскусство
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

"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 просмотров • 11 месяцев назад

🎉 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,979 просмотров • 1 год назад

"glowy hover effect" by Ines
0:12

"glowy hover effect" by Ines

CodePen.IO

707,439 просмотров • 2 лет назад

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

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 просмотров • 7 месяцев назад

Review card hover effect 🧡
0:13

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 🚀
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 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

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 просмотров • 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. ❤️
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 просмотров • 2 месяцев назад

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

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)`
0:15

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?
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 просмотров • 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
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 просмотров • 1 год назад

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 просмотров • 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
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 просмотров • 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 :)
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 просмотров • 10 месяцев назад

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

Interactive 2D crow Made with Rive by Abhishek Kasegaonkar

Guido Rosso

10,512 просмотров • 4 месяцев назад

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

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
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 просмотров • 1 год назад

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 просмотров • 3 лет назад