コンプレックス・ハーモニーの斜めストライプ














この見本では両端をギザギザ加工してますが、その部分の模様が不連続になるので、ギザギザ加工をしないほうが良いと思います(テープ使用見本参照)。
【css】
橙:■#f60■#099□#fff■#cc6
background-image:
repeating-linear-gradient(135deg,#f60,#f60 9px,#fff 9px,#fff 11px,#cc6 11px,#cc6 12px,#fff 12px,#fff 14px,#099 14px,#099 18px,#fff 18px,#fff 20px);
黄:■#eb0■#339□#fff■#999
background-image:
repeating-linear-gradient(135deg,#eb0,#eb0 9px,#fff 9px,#fff 11px,#999 11px,#999 12px,#fff 12px,#fff 14px,#339 14px,#339 18px,#fff 18px,#fff 20px);
紫:■#97b■#575□#fff■#39d
background-image:
repeating-linear-gradient(135deg,#97b,#97b 9px,#fff 9px,#fff 11px,#39d 11px,#39d 12px,#fff 12px,#fff 14px,#575 14px,#575 18px,#fff 18px,#fff 20px);
赤:■#c06■#69c□#fff■#633
background-image:
repeating-linear-gradient(135deg,#c06,#c06 9px,#fff 9px,#fff 11px,#633 11px,#633 12px,#fff 12px,#fff 14px,#69c 14px,#69c 18px,#fff 18px,#fff 20px);
翠:■#6bb■#d57□#fff■#999
background-image:
repeating-linear-gradient(135deg,#6bb,#6bb 9px,#fff 9px,#fff 11px,#999 11px,#999 12px,#fff 12px,#fff 14px,#d57 14px,#d57 18px,#fff 18px,#fff 20px);
桃:■#e9a■#7cc□#fff■#633
background-image:
repeating-linear-gradient(135deg,#e9a,#e9a 9px,#fff 9px,#fff 11px,#633 11px,#633 12px,#fff 12px,#fff 14px,#7cc 14px,#7cc 18px,#fff 18px,#fff 20px);
紺:■#339■#999□#fff■#c00
background-image:
repeating-linear-gradient(135deg,#339,#339 9px,#fff 9px,#fff 11px,#c00 11px,#c00 12px,#fff 12px,#fff 14px,#999 14px,#999 18px,#fff 18px,#fff 20px);

TOPSUBCSS実験室

*前166次#

×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -