正在加载视频...

视频加载失败

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

Hover effects for personal website 🎈

Anne Lee

1,621 subscribers

54,955 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Why CSS Hover Effects Matters!🥰

Why CSS Hover Effects Matters!🥰

F.O.L.A

22,713 次观看 • 9 个月前

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 👇👨‍💻

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

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 🚀

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👑

97,613 次观看 • 3 个月前

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.

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

103,951 次观看 • 1 年前

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

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

TESLA CARS ONLY⚡️

124,552 次观看 • 6 个月前

✨ 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! 👉

✨ 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,842 次观看 • 2 年前

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

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

TESLA CARS ONLY⚡️

669,771 次观看 • 7 个月前

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

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

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

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below

Shams

34,729 次观看 • 12 天前

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

new year new personal website

new year new personal website

carmen

94,127 次观看 • 1 年前

Interesting glitch hover effect for icons →

Interesting glitch hover effect for icons →

Jim Raptis

22,826 次观看 • 1 年前

#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

#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,748 次观看 • 3 年前

fk it, Cursor inspired personal website

fk it, Cursor inspired personal website

aadilpickle

38,329 次观看 • 9 个月前

I've built a new personal website! →

I've built a new personal website! →

Chris Nicholas

38,754 次观看 • 2 年前

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

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,851 次观看 • 6 个月前

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

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

ブルー

18,336 次观看 • 7 个月前

A new spin-off ‘Eilish’ fragrance, ‘Eilish INTENSE’ by Billie, is currently being teased on the Eilish Fragrance store! 👀 Hover over the ‘Eilish’ bottle on Billie’s website for a first look🤎 🔗:

A new spin-off ‘Eilish’ fragrance, ‘Eilish INTENSE’ by Billie, is currently being teased on the Eilish Fragrance store! 👀 Hover over the ‘Eilish’ bottle on Billie’s website for a first look🤎 🔗:

Billie Eilish Society

50,682 次观看 • 1 个月前

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

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

pancha

45,875 次观看 • 1 年前