Loading video...
Video Failed to Load
:has()、CSS Grid、CSS変数を組み合わせたチェックボックス表現を作った✅ label { display: grid; --selected: 0; grid-template-columns: auto calc(var(--selected) * 24px); } label:has(:checked) { --selected: 1; } 2列の行列を作っておき、2列目の幅をCSS変数--selected×24pxにしておく。--selectedの初期値は0なので、2列目幅は0。 子孫要素がチェック状態になるのを:has()でキャッチし--selectedを1にすると、行列2列目が24pxになりチェックボックスが表示される。 参考: #CSS #cssnite #朝までマークアップ
33,703 views • 1 year ago •via X (Twitter)
0 Comments
No comments available
Comments from the original post will appear here
Related Videos
0:10
Sensitive content
手が眼球になっているアバターを作ってVRChatで他の人の目ん玉を剥き出しにしたりしておりましたわよ
超弩級眼球破壊肛門炸裂性器粉砕超絶圧迫面接対英傑用殺戮破壊性処理脱糞最強馬鹿兵器陰茎型超巨大岩石巨人
442,267 views • 1 year ago
