【Now in Baseline: animating entry effects | Blog | web.dev】
https://web.dev/blog/baseline-entry-animations?hl=en
CSSの@starting-style と transition-behavior:allow-discreteについて。
@starting-styleにtransition開始時のスタイルが指定でき、allow-discreteによってdisplay:noneなどの離散プロパティに対してtransitionが動くように
https://realtime.jser.info/2024/08/12/now-in-baseline-animating-entry-effects-blog-web-dev/
jserinfo RSS feed【非公式】
npub1ks…hjw9x
2024-08-12 13:37:41
Author Public Key
npub1ks82qdt3y54uwteat8u2cr8m8jhtg3646rcd68csta8at6rr45xqvhjw9xPublished at
2024-08-12 13:37:41Event JSON
{
"id": "3f98c7c5e4acac4649a91d22a5e4902545685ea060a861f029f3341c60c47458",
"pubkey": "b40ea03571252bc72f3d59f8ac0cfb3caeb44755d0f0dd1f105f4fd5e863ad0c",
"created_at": 1723469861,
"kind": 1,
"tags": [
[
"r",
"https://realtime.jser.info/2024/08/12/now-in-baseline-animating-entry-effects-blog-web-dev/"
],
[
"proxy",
"https://realtime.jser.info/feed.xml#https://realtime.jser.info/2024/08/12/now-in-baseline-animating-entry-effects-blog-web-dev/",
"rss"
]
],
"content": "【Now in Baseline: animating entry effects | Blog | web.dev】\nhttps://web.dev/blog/baseline-entry-animations?hl=en\n CSSの@starting-style と transition-behavior:allow-discreteについて。\n@starting-styleにtransition開始時のスタイルが指定でき、allow-discreteによってdisplay:noneなどの離散プロパティに対してtransitionが動くように\nhttps://realtime.jser.info/2024/08/12/now-in-baseline-animating-entry-effects-blog-web-dev/",
"sig": "f175d96012872617d282a17bbc6e5ee9fabc80b24d0831fb1ba134b7325ebc4bbd34dd6291548645f8fc1e093bcaa0e8a1fe57f3ec7b66e21823197363480698"
}