1つの要素で出来るユニークな背景パターン集・「1 element card background patterns」

Ads

2019.10.16

1 element card background patterns

<br /> See the Pen <a href='https://codepen.io/kachibito/pen/WNNwWNR'>1 element card background patterns (see description)</a> by kachibito<br /> (<a href='https://codepen.io/kachibito'>@kachibito</a>) on <a href='https://codepen.io'>CodePen</a>.<br />
1 element card background patternsは1つの要素で出来るユニークな背景パターン集です

21のパターン背景が紹介されており、全てdiv要素1つで実装されています

calc関数やCSS変数、maskプロパティなどが用いられており、ある程度短めのコードで複雑なパターンが実現されていました

calc関数やCSS変数は特にふんだんに用いられており、正直なところ全てのパターンの半分もまだ理解できていないので勉強用として記事にしました

1 element card background patterns