RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
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.