Css animate svg circle radius

<html>
    <head>
        <link href = "styling.css" rel = "stylesheet" type = "text/css"></link>
    </head>
    <body>
        <svg class = "button" expanded = "true" height = "100px" width = "100px">
            <circle cx = "50%" cy = "50%" r = "35%" stroke = "#000000" stroke-width = "10%" fill = "none"/>
            <circle class = "innerCircle" cx = "50%" cy = "50%" r = "25%" fill = "#000000">
              <animate attributeName="r" begin="0s" dur="1s" repeatCount="indefinite" from="5%" to="25%"/>
            </circle>
        </svg>
    </body>
</html>

Source: stackoverflow.com

Similar codes

0 vote166 views2 answers
How to write text on video in html
CSS
1 vote160 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
3 votes160 views2 answers
Css crop image to circle
CSS
0 vote187 views1 answer
Sass dummy folder site download
CSS
0 vote113 views1 answer
Disable on print margin html
CSS
0 vote176 views1 answer
Add youtube video in markdown
CSS
0 vote153 views1 answer
Shrink a div by 50%
CSS
0 vote148 views2 answers
Html overflow scroll only if needed with exemple
CSS
0 vote155 views1 answer
How to set image size without changing aspect ratio in css
CSS
5 votes186 views1 answer
Hidden elements blinking on hover
CSS