3 ms·
Isn't that just an animation curve in css?
by spartanatreyu 2y ago
Isn't that just an animation curve in css?
- keepamovin 2y agoI couldn't figure it out. I mean, could you have a go at it? Like I want each of the 4 edges to be parameterizable (by a CSS var) so I can add a slider to adjust how long the circle stays in each of the states. I'm thinking of a customizable CSS version of: https://quietkit.com/box-breathing/ https://quietkit.com/box-breathing/
- spartanatreyu 2y agoWell I could replicate that example with an animation curve using only css: https://codepen.io/spartanatreyu/pen/YzbPjwg?editors=1100 https://codepen.io/spartanatreyu/pen/YzbPjwg?editors=1100 But if you want each step's duration to be parameterizable then you'll need to reach for js, I'd recommend the Animation API.