Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Hover effects for personal website 🎈

anneshlee's profile picture

Anne Lee

1,612 subscribers

54,771 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Why CSS Hover Effects Matters!🥰
0:16

Why CSS Hover Effects Matters!🥰

F.O.L.A

22,706 görüntüleme • 6 ay önce

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻
0:12

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

David Mráz

16,879 görüntüleme • 1 yıl önce

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀
0:16

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀

FHILY👑

93,644 görüntüleme • 15 gün önce

Built rico's chart. It has custom vectors, custom tooltip cursor, gradient, gaussian blur for hover effects, themes.. Whatever you throw at recharts, it just works.
0:13

Built rico's chart. It has custom vectors, custom tooltip cursor, gradient, gaussian blur for hover effects, themes.. Whatever you throw at recharts, it just works.

shadcn

101,484 görüntüleme • 11 ay önce

TESLA hover scooter will change how we use personal transport. Who else needs this?
0:10

TESLA hover scooter will change how we use personal transport. Who else needs this?

TESLA CARS ONLY⚡️

124,250 görüntüleme • 3 ay önce

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉
0:17

✨ Aceternity UI is a complete collections of stunning effects ready to used for your website. It's shadcn/ui for magic effects. Can't believe it's free! 👉

Greg Bergé

53,835 görüntüleme • 2 yıl önce

TESLA hover scooter will change the way people use personal transport. Who else wants this?
0:10

TESLA hover scooter will change the way people use personal transport. Who else wants this?

TESLA CARS ONLY⚡️

669,261 görüntüleme • 4 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

tiny footer interaction tip left: hover follows the text area right: hover follows the whole row same spacing, no dead zones fast in, slow out 1 prompt fix on client's website
0:11

tiny footer interaction tip left: hover follows the text area right: hover follows the whole row same spacing, no dead zones fast in, slow out 1 prompt fix on client's website

Hours

40,370 görüntüleme • 1 ay önce

new year new personal website
0:19

new year new personal website

carmen

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

Interesting glitch hover effect for icons →
0:11

Interesting glitch hover effect for icons →

Jim Raptis

22,826 görüntüleme • 10 ay önce

fk it, Cursor inspired personal website
0:11

fk it, Cursor inspired personal website

aadilpickle

38,329 görüntüleme • 6 ay önce

I've built a new personal website! →
0:12

I've built a new personal website! →

Chris Nicholas

37,065 görüntüleme • 2 yıl önce

#kotakneo release update version 1.7 app available over next one week in a staggered manner. Website users refresh browser now 1. Dark mode on website- Long standing demand 2. Watchlist hover for charts, orders 3. Enhanced technical charts with more study patterns
0:12

#kotakneo release update version 1.7 app available over next one week in a staggered manner. Website users refresh browser now 1. Dark mode on website- Long standing demand 2. Watchlist hover for charts, orders 3. Enhanced technical charts with more study patterns

Sandeep Chordia

22,731 görüntüleme • 3 yıl önce

TESLA hover scooter about to hit the streets, smooth lift, and real-world travel. The answer to personal ride. Who else wants this?
0:10

TESLA hover scooter about to hit the streets, smooth lift, and real-world travel. The answer to personal ride. Who else wants this?

TESLA CARS ONLY⚡️

16,826 görüntüleme • 3 ay önce

Up close and personal with Godzilla’s atomic breath. Practical effects rule! #ワンフェス2026
0:11

Up close and personal with Godzilla’s atomic breath. Practical effects rule! #ワンフェス2026

ブルー

18,336 görüntüleme • 3 ay önce

I always wish for your health and happiness.🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈 HAPPY JAEHYUN DAY #UnconditionallyWithYuno #재현이_생일이야_음흠
0:10

I always wish for your health and happiness.🎈🎈🎈🎈🎈🎈🎈🎈🎈🎈 HAPPY JAEHYUN DAY #UnconditionallyWithYuno #재현이_생일이야_음흠

pancha

45,672 görüntüleme • 1 yıl önce

🚀 [New Project] Personal Website (HTML, CSS, JavaScript) I built this Personal Website Template and sharing the code for FREE! I am sharing what I build every week and creating awesome web components. For the source code: 👉 Follow Me 👉 Like 👉 Retweet 👉 Comment "Code"
0:17

🚀 [New Project] Personal Website (HTML, CSS, JavaScript) I built this Personal Website Template and sharing the code for FREE! I am sharing what I build every week and creating awesome web components. For the source code: 👉 Follow Me 👉 Like 👉 Retweet 👉 Comment "Code"

Tan Gravam

168,683 görüntüleme • 3 yıl önce

HoveR McChicken
0:10

HoveR McChicken

Jeddzie

12,705 görüntüleme • 1 yıl önce