![A series of images of an avatar doing a bunch of skateboard tricks.](https://res.cloudinary.com/dnpmdb8r8/video/upload/w_250,f_auto,c_limit,q_auto,w_auto/v1673498930/argyleink/olliolli.gif)
notecss
Physics in CSS!
I transferred a JS physics function into CSS thanks to sqrt()
, exp()
, sin()
, cos()
and @property
.
:root {
--mass: 1;
--stiffness: 100;
--damping: 5;
--start-velocity: 0;
}
Check it out on Codepen. Change the properties and see a different animation.