25:["$","title",null,{"children":"CSS Animation Playground | Momo | Observable"}] 49:[] 29:{"id":"caf8b338da7f0ca2","slug":null,"title":"CSS Animation Playground","thumbnail":"98c978155ba7c37ad3fcc0b13a1f1c22f7312b895f206b424b0ec14522f83b0b","access_level":"public","create_time":"$D2023-03-09T05:42:08.431Z","update_time":"$D2023-03-10T03:10:52.339Z","view_time":null,"first_public_time":"$D2023-03-09T05:42:08.431Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9bae029e758c46f6","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":129,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"CSS Animation Playground","cells":[{"id":0,"value":"# CSS Animation Playground\n\n## Syntax - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation)\n```CSS\n/* @keyframes duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */\nanimation: 3s ease-in 1s 2 reverse both paused slidein;\n\n/* two animations */\nanimation: 3s linear slidein, 2s ease-out 5s slideout;\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"

\n","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"