Forked from Rogie's Pen SVG zigzag.
A Pen by Captain Anonymous on CodePen.
<span> | |
<button>5 hidden comments</button> | |
</span> |
.zig-zag { | |
fill: red; | |
} | |
span{ | |
display:block; | |
width: 500px; | |
text-align: center; | |
background: 0 center repeat-x url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="9px" height="6px" viewBox="0 0 9 6" enable-background="new 0 0 9 6" xml:space="preserve"><polygon class="zig-zag" opacity="1.0" points="4.5,4.5 0,0 0,1.208 4.5,5.708 9,1.208 9,0 "/></svg>'); | |
} | |
button{ | |
background: #f1f1f1; | |
padding: 10px; | |
border:0; | |
box-shadow: 0 0 10px 5px #f1f1f1; | |
} | |
// centering junk | |
html { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
height: 100%; | |
} | |
body { | |
padding: 50px; | |
background-color: #f1f1f1; | |
} |
Forked from Rogie's Pen SVG zigzag.
A Pen by Captain Anonymous on CodePen.