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

1 vote134 views1 answer
Place-items css property
CSS
0 vote122 views2 answers
Access is denied nul > server.js
CSS
128 votes154 views5 answers
Randint
CSS
59 votes140 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
4 votes129 views2 answers
How to give background overlay in css
CSS
1 vote143 views4 answers
Button style css
CSS
27 votes136 views6 answers
Font border css
CSS
0 vote130 views1 answer
Change size
CSS
1 vote165 views1 answer
Input date icon color change
CSS
0 vote144 views1 answer
Elementor vertical line
CSS