2020年01月25日(土)

CSSと1つのdiv要素で出来る表現いろいろ

• 0
• 1
• 6
• 28

Result

See the Pen Single div challenge by kachibito
(@kachibito) on CodePen.

1つのブロック要素とCSSで出来る表現をまとめたもの。スタイルの参考になりそうだったので備忘録

今更+余談ですけどこういう使い方↓できたんですね

こう書いて以下のように指定する

[n1] { position: relative; }

思いつかなかったのでなんか新鮮でした

件のソースコードはPenをご参照ください

can i use

個人的に気になったプロパティのブラウザ対応状況です

Can I Use css-repeating-gradients?

↑ repeating-linear-gradientのブラウザ対応状況です

Can I Use css-conic-gradients?

↑ conic-gradientのブラウザ対応状況です

Can I Use css-clip-path?

↑ clip-pat...