block by riccardoscalco 22300f7899483335a8df23b4dfc13b62

SVG Circle Pulse

Full Screen

index.html

<html>
    <body>
        <svg class = "button" expanded = "true" height = "100px" width = "100px">
            <circle class = "innerCircle" cx = "50%" cy = "50%" r = "25%" fill = "none" stroke = "#000000" stroke-width = "5%">
              <animate attributeType="SVG" attributeName="r" begin="0s" dur="1.5s" repeatCount="indefinite" from="5%" to="25%"/>
              <animate attributeType="CSS" attributeName="stroke-width" begin="0s"  dur="1.5s" repeatCount="indefinite" from="3%" to="0%" />
              <animate attributeType="CSS" attributeName="opacity" begin="0s"  dur="1.5s" repeatCount="indefinite" from="1" to="0"/>
            </circle>
        </svg>
    </body>
</html>

SVG Circle Pulse.markdown

SVG Circle Pulse
----------------


A [Pen](http://codepen.io/riccardoscalco/pen/aNXdPW) by [Riccardo Scalco](http://codepen.io/riccardoscalco) on [CodePen](http://codepen.io/).

[License](http://codepen.io/riccardoscalco/pen/aNXdPW/license).