Hover effects for personal website 🎈

Why CSS Hover Effects Matters!🥰

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

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 🚀show more

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.show more

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

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

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

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

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 websiteshow more

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 Belowshow more

Screen Studio mouse hover effect desync finally solved! It... checks which mouse movements cause hover effects (e.g., changing the label background). Then, it dynamically adjusts mouse movement smoothness to make sure the mouse position matches the footage during those moments.show 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. ❤️show more

new year new personal website

#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 patternsshow more

I've built a new personal website! →

personal website is getting upgraded today, so here it... is before its time for something newshow more

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

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