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

3 votes160 views1 answer
Terraform rds module
CSS
0 vote216 views1 answer
Background image for div in grid system bootstrap
CSS
0 vote212 views1 answer
How to install tailwind cdn
CSS
8 votes197 views4 answers
Aos css animation
CSS
0 vote208 views1 answer
Box-sizing border-box vs content-box css
CSS
0 vote206 views1 answer
Wordpress link post tags
CSS
0 vote250 views1 answer
Css clamp vs media queries
CSS
0 vote284 views2 answers
What is the request payload in jaavascript fetch
CSS
0 vote198 views1 answer
Border radius circle button
CSS
0 vote195 views1 answer
Copy html css from website
CSS