I made you a little something.
Help yourself to this little SVG+CSS flutter effect for your links to your @bsky.app account.
(Psst. And publish the links to your @bsky.app account)
https://flutterby.philhawksworth.dev/
Help yourself to this little SVG+CSS flutter effect for your links to your @bsky.app account.
(Psst. And publish the links to your @bsky.app account)
https://flutterby.philhawksworth.dev/
Comments
Do you mind if I use this on my bluesky related app?
https://flutterby.toddle.site/
i've gone ahead an incorporated it into mine: https://marko.tech/ - made it an outline. accreddited you on the uses page in the `This Site's Dev Stack` section.
And thanks!
https://daniakash.com/
https://daniakash.com/about/
"group-hover:rotate-[-5deg] group-focus:rotate-[-5deg] transition-transform duration-500"
https://flutterby.toddle.site
Well, I very deliberately transition away from, but then back to, the original orientation so that it remains faithful.
But the angle and the ever-so slightly asymmetric flutter was meant to feel organic and "life like". I'm glad you like it
Let’s re-animated the little perisher 🤩
https://bsky.app/profile/ajames.dev/post/3lafmwnuoqa2h
Tested in Firefox, Chrome, Safari on macOS (all most recent stable versions)
Am I doing something wrong?
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
macOS allows to set reduced motion system wide and this propagates to all browsers (a bit impressive btw).
Now the butterfly flutters :)