しずくライン(2色)
【html】<div class="drop-line"></div>
【css】.drop-line{
height:20px;
background-size:40px 40px;
background-image:
linear-gradient(64deg,#9cf 4px,transparent 0),
linear-gradient(-64deg,#9cf 4px,transparent 0),
radial-gradient(#9cf 5px,transparent 0),
linear-gradient(64deg,#def 4px,transparent 0),
linear-gradient(-64deg,#def 4px,transparent 0),
radial-gradient(#def 5px,transparent 0);
background-position:10px 10px,10px 10px,30px 32.2px,30px 10px,30px 10px,10px 32.2px;
margin:5px 0;
}
TOP≫SUB≫CSS実験室
*前←181→次#