正三角形(大)
透過処理してあるので『pink』(1箇所)をお好きな色(白以外)にすれば背景色を変えられます。
【css】
body{/*正三角形(大)を敷き詰めた背景*/
background-size:50px 86.6px;
background-color:pink;
background-image:
linear-gradient(-60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(-60deg,rgba(255,255,255,0.5) 25%, transparent 25%),
linear-gradient(60deg,rgba(255,255,255,0.5) 25%, transparent 25%);
background-position:0 0,0 0,25px 43.3px,25px 43.3px;}
適宜必要なプロパティを追加してください
正三角形の底辺と高さの比は
1:ルート3(約 1:1.732)です

TOPSUBCSS実験室

*前66次#

第4回BLove小説・漫画コンテスト応募作品募集中!
テーマ「推しとの恋」
- ナノ -