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 vote115 views1 answer
Change font size according to screen css
CSS
0 vote100 views1 answer
P::after p::before css
CSS
0 vote128 views1 answer
Ufw allow from subnet
CSS
0 vote110 views1 answer
Curfont
CSS
26 votes108 views3 answers
Cursor not pointer
CSS
1 vote99 views1 answer
Css image background center horizontally in div
CSS
17 votes149 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
0 vote135 views1 answer
Spinner in html css react
CSS
0 vote173 views1 answer
Css change the accordion arrow color
CSS
0 vote116 views1 answer
Hover media query
CSS