立方体
【css】
body{/*立方体を敷き詰めた背景*/
background-color:#cde;
background-size:52px 90px;
background-position:0 0,0 0,26px 45px,26px 45px,0 0,26px 45px;
background-image:
linear-gradient(30deg,#fff 12.5%,transparent 12.5%,transparent 87.5%,#fff 87.5%),
linear-gradient(-30deg,#fff 12.5%,transparent 12.5%,transparent 87.5%,#fff 87.5%),
linear-gradient(30deg,#fff 12.5%,transparent 12.5%,transparent 87.5%,#fff 87.5%),
linear-gradient(-30deg,#fff 12.5%,transparent 12.5%,transparent 87.5%,#fff 87.5%),
linear-gradient(-60deg, rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%),
linear-gradient(-60deg, rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%);
}
適宜必要なプロパティを追加してください
透過処理してあるので『#cde』(1箇所)をお好きな色にすれば色を変えられます。薄い灰色がかった色がおすすめです。
#cde以外でおすすめの色
lightgrey
#edd
#ede
pxの値が小数にならないよう、background-sizeを『50px 86.6px』→『52px 90px』に変更しました(2024.1.9)。

TOPSUBCSS実験室

*前68次#

「#年下攻め」のBL小説を読む
BL小説 BLove
- ナノ -