{
  "$type": "site.standard.document",
  "description": "Normally @keyframes would be used for this technique, but with @starting-style we can transition . * { transition : opacity .5 s ease-in ; @ starting-style { opacity : 0 } } Triggers via: page load inserted into the DOM going from display none to a visible display value I feel li…",
  "path": "/starting-style-everything",
  "publishedAt": "2024-05-15T21:59:46.979Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "Normally @keyframes would be used for this technique, but with @starting-style we can transition . * { transition : opacity .5 s ease-in ; @ starting-style { opacity : 0 } } Triggers via: page load inserted into the DOM going from display none to a visible display value I feel like there's more use cases to explore. Let me know what you find‽ Try it on Codepen",
  "title": "Starting Style Everything"
}