Guys, how to make this squiggle in css?) I understand this is a piece of zigzag.
1 answer
Make two triangles - one from below, slightly larger, the other from above, slightly smaller.
.elm { position: relative; width: 100px; height: 100px; border: 1px solid #ccc; } .elm:before { position: absolute; content: ''; left: 10px; top: -1px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ccc transparent transparent transparent; } .elm:after { position: absolute; content: ''; left: 11px; top: -1px; width: 0; height: 0; border-style: solid; border-width: 9px 9px 0 9px; border-color: #fff transparent transparent transparent; } <div class="elm"></div> 
Sasha Omelchenko Sasha Omelchenko
10.9k 4 gold marks 20 silver marks 52 bronze marks
|