I'm currently creating
tailwindcss code snippets on easingwizard.com by using the linear() function and arbitrary values. I'm thinking about writing a Tailwind CSS plugin which enable users to write easing functions like in the screenshot. Would this be a great feature?
The @keyframes hack was used in the past before 'linear' got the new feature set. What would be your use-case for having the old keyframes style instead? You should be able to achieve everything that was possible with the old way with the new syntax.
For the Bézier easings I use the 'bezier' timing function in CSS, for the more complex easings (spring, bounce, wiggle, overshoot) I'm using the 'linear' timing function with it's new feature for setting keyframes. This is supported in all major browsers, for Safari since 17.2 (Dec 2023).
Reminds me of the Easter egg I added to easingwizard.com
You can trigger it by clicking on the preview element.
And the width/height transformation as well. I studied design and we learned the principles too.
That’s exactly what I love to do and where I can shine as developer with design background.
Try interacting with the preview box.
Thanks a lot 😊
Did you find the hidden easter egg?
As far as I know, margin does animate in steps. Could you use transform instead?
Wenn absehbar ist, dass diese Industrien in den nächsten Jahrzehnten benötigt werden, erhebliches Wachstumspotenzial besitzen und Jobs im 6-stelligen Bereich daran hängen, dann finde ich schon, dass das unterstützt werden sollte.
Und geht es nicht nur um Subventionen, die CDU hat auch blockiert.
I don't think so, sorry.
Get yourself an Apple TV, you can automatically use your phone as input device. Even better than a keyboard in my opinion because you don’t need an extra device.
Couldn't you achieve the same by chaining animations together? With a delay this should work.
Only problem would be if you wanna run the animation more than once.
Thanks for featuring CSS Easing Wizard 😊
More information can be found in my announcement post.
bsky.app/profile/matt...
Yes, on-device AI is a big advantage in my opinion.
It secures the data and the privacy of the user and (if the device or the model is fast enough) it can be faster than cloud-based AI.
Nice, did the same in Node a while ago.
Is it auto generated on the fly?
We have to reinvent the wheel every few years 😄
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
I took your site as inspiration and created a CSS easing editor with support for spring, wiggle, overshoot and bounce by using the linear() feature.
bsky.app/profile/matt...
I've built an easing editor as well with a lot more options and presets.
bsky.app/profile/matt...
Excited to announce Easing Wizard is now live! 🎉
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
Ich wünsche es mir sehr, dass die Wähler es erkennen. Aber ich habe leider starke Zweifel.
