Find out more CSS tricks at css-tip.com
Thanks to the new @property defined in the CSS Properties and Values API Level 1 specification we can now ...
For further actions, you may consider blocking this person and/or reporting abuse
Finally I can launch my "acid trip rave party" website without relying on JavaScript to provide the psychedelic background!
Seriously though I can't wait to be able to use this (the
@property
methods, not the spinning gradients 😋) but it might be a while before support is good enough 😪I would say you will be able to use it within this year. The firefox team won't take too long to bring support to this ;)
Concerning the spinning gradients, it's a technique to hypnotise users to oblige them to give me some likes (it's working ;) )
Nearly 3 years later and we are still waiting on Firefox sigh
At least we are up to 87% coverage
What is the roadmap for chrome and safari on iOS, I couldn’t find it as it doesn’t seem to work there yet 😔
Ah forget the iOS people. You can find more details here: ishoudinireadyyet.com/ (it's the Properties & Values API)
thanks! really amazing
A little typo in your code example above the complex animation section: you define
--c
but then use--a
.Great article though, thanks!
Thanks, updated
Hello, I encountered a weird issue using this type of animation in a nextjs build. In development it works, but in production it doesn't work, as in it goes in huge chunks or it doesnt run at all. Has anyone encountered this kind of issue?
Super excited to see how this gets implemented!
Oh this is exciting!
Whoa! Wonderful! I have seen @property but thankyou for explaining it so well.
Cool, but I'll wait Firefox support to start tickling around :D
This is an amazing article. You should have submitted to CSS-Tricks.com
This looks good! Thanks for sharing
welcome :) say tuned, more fancy tricks are coming ;)
thanks for the breakdown!! using keyframes really brings it together - excited to make magic✨
great, thanks!
thanks! great examples
I knew there had to be a pure css solution to this, not requiring Js.
Thanks for sharing!