Working on a demo for interpolate-size and decided to add bit of spice to it with a linear() - so much more fun than the regular easing stuff!
The basic demo: https://codepen.io/kevinpowell/pen/ZYzbNzN
Used the bounce preset from this linear() generator: https://linear-easing-generator.netlify.app
The basic demo: https://codepen.io/kevinpowell/pen/ZYzbNzN
Used the bounce preset from this linear() generator: https://linear-easing-generator.netlify.app
Comments
then you dont have to juggle all those points or worry about optimizing them
super cool when they work, very intimidating trying to figure them out 😅
Plus you can plop it on the html selector and it inherits, so you only need to declare it once.
> You should only use calc-size() to enable intrinsic size animations if they also require calculations.
https://developer.mozilla.org/en-US/docs/Web/CSS/calc-size