CSSのボックスモデルの構造をCSSアニメーションで可視化

@use postcss-preset-env { stage: 0 } .stack { display: grid; grid: [stack] / [stack]; perspective: 5000; &:before { content: ""; position: fixed; inset: 0; background: lch(95 0 0); transition: background 2s ease; pointer-events: none; } &:matches(:hover, :active) { &:before { background: lch(15 0 0); } } &:matches(:hover, :active) .card { --bg-opacity: 5%; transition-duration: 2s; transition-timin

[coliss]

CSSのボックスモデルの構造をCSSアニメーションで可視化。

[radicode]

[]CSSのボックスモデルの構造をアニメーションで解説！😃 動きがつくとわかりやすいですね💪 ぶわっと分解して解説するのは他にも応用できそうです！

[eartht]

主題はさておき知らんコードがいっぱい。CSSも果てしないわい…。

[masakuma0812]

［CSS］［要素］［アニメーション］［3D］［斜め］［構造］［コード］