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 vote231 views2 answers
How to center topnav bar in html
CSS
0 vote188 views1 answer
Css template columns and rows
CSS
1 vote259 views2 answers
How to add tailwind css in yarn
CSS
2 votes194 views3 answers
Css remove
CSS
0 vote226 views1 answer
Not for specific child class
CSS
29 votes183 views6 answers
Box-shadow
CSS
0 vote187 views1 answer
Change svg color in pseudo element
CSS
0 vote215 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
8 votes178 views2 answers
Css multiple selectors
CSS
8 votes187 views2 answers
Line-weight css
CSS