{
  "$type": "site.standard.document",
  "description": "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.",
  "path": "/css-physics",
  "publishedAt": "2024-05-31T03:57:40.976Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "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.",
  "title": "CSS Physics"
}