Love these dot patterns, playing with hover and click transitions

Playing with generative AI transitions, thoughts?

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

Hover, preview, click... 🔭 Now live!

How I love transitions with music like this

Playing around with Astro's experimental support for View Transitions... – it's a thing of beauty ✨show more

shared element transitions [document] exploring layers and interactive dismissal... patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"show more

Nah….they definitely were going to Jump dot. Bad newz... man ran down on dot with the Pole 🔫…… Dot did the right then and left the situation alone. It’s not worth it! Stop partying with these dudes thinking they’re your friends 😣 🤦🏾‍♂️show more

these onboarding transitions are sick..

url bar exploration • bar materializes on hover •... icons drift in from the edges • back/forward arrows shove on click • labels enter/exit directionally on swap • refresh tilts then spins • new tab arrow nudges on hover/clickshow more

Barcola would feed on these transitions

Love the little detail of these Shadows playing chess

Due to their strikingly similar appearance, these moths are... frequently confused with hummingbirds as they hover over flowers to drink nectar.show 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

Design Engineering Tip: If you struggle to describe button... or card hover states in Claude or Codex, these commonly used hover effect terms can help.show more

Circle CIRCLE dot DOT ohhh I love this trend