RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit 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.

Crawl the CSS Webring