青海波もどき(3本)
【css】
body{/*青海波もどき(3本)の背景*/
background-size:30px 30px;
background-position:0 15px,15px 15px,15px 0,0 0,0 0,0 0;
background-image:
linear-gradient(45deg,#fff 0.5px,#8bf 0.5px,#8bf 3.5px,#fff 3.5px,#fff 7.5px,#8bf 7.5px,#8bf 10.5px,transparent 10.5px),
linear-gradient(-45deg,#fff 4px,#8bf 4px,#8bf 7px,#fff 7px,#fff 11px,#8bf 11px,#8bf 14px,#fff 14px,#fff 18px,#8bf 18px,#8bf 21px,transparent 21px),
linear-gradient(45deg,#fff 0.5px,#8bf 0.5px,#8bf 3.5px,#fff 3.5px,#fff 7.5px,#8bf 7.5px,#8bf 10.5px,transparent 10.5px),
linear-gradient(-45deg,#fff 4px,#8bf 4px,#8bf 7px,#fff 7px,#fff 11px,#8bf 11px,#8bf 14px,#fff 14px,#fff 18px,#8bf 18px,#8bf 21px,transparent 21px),
linear-gradient(45deg,#fff 4px,#8bf 4px,#8bf 7px,#fff 7px,#fff 11px,#8bf 11px,#8bf 14px,#fff 14px,#fff 18px,#8bf 18px,#8bf 21px,transparent 21px),
linear-gradient(-135deg,#8bf 3px,#fff 3px,#fff 7px,#8bf 7px,#8bf 10px,#fff 10px,#fff 14px,#8bf 14px,#8bf 17px,#fff 17px,#fff 21px);
}
適宜必要なプロパティを追加してください
青海波もどき(3本)(色反転)【css】
body{/*青海波もどき(3本)(色反転)の背景*/
background-size:30px 30px;
background-position:0 15px,15px 15px,15px 0,0 0,0 0,0 0;
background-image:
linear-gradient(45deg,#8bf 0.5px,#fff 0.5px,#fff 3.5px,#8bf 3.5px,#8bf 7.5px,#fff 7.5px,#fff 10.5px,transparent 10.5px),
linear-gradient(-45deg,#8bf 4px,#fff 4px,#fff 7px,#8bf 7px,#8bf 11px,#fff 11px,#fff 14px,#8bf 14px,#8bf 18px,#fff 18px,#fff 21px,transparent 21px),
linear-gradient(45deg,#8bf 0.5px,#fff 0.5px,#fff 3.5px,#8bf 3.5px,#8bf 7.5px,#fff 7.5px,#fff 10.5px,transparent 10.5px),
linear-gradient(-45deg,#8bf 4px,#fff 4px,#fff 7px,#8bf 7px,#8bf 11px,#fff 11px,#fff 14px,#8bf 14px,#8bf 18px,#fff 18px,#fff 21px,transparent 21px),
linear-gradient(45deg,#8bf 4px,#fff 4px,#fff 7px,#8bf 7px,#8bf 11px,#fff 11px,#fff 14px,#8bf 14px,#8bf 18px,#fff 18px,#fff 21px,transparent 21px),
linear-gradient(-135deg,#fff 3px,#8bf 3px,#8bf 7px,#fff 7px,#fff 10px,#8bf 10px,#8bf 14px,#fff 14px,#fff 17px,#8bf 17px,#8bf 21px);
}
