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

2 votes140 views1 answer
Flexbox go to next row
CSS
0 vote148 views1 answer
Curfont
CSS
1 vote145 views3 answers
Read more dots css
CSS
3 votes135 views3 answers
Svg animation css
CSS
8 votes140 views2 answers
Css background image full screen responsive
CSS
0 vote124 views1 answer
Understanding 'space' in css selector
CSS
6 votes131 views5 answers
Bootstrap icons
CSS
0 vote151 views1 answer
Css box-shadow over other elements
CSS
0 vote135 views5 answers
Css math functions simplifier
CSS
1 vote126 views1 answer
Insert background image css error
CSS