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 vote380 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
20 votes385 views4 answers
Variables in sass
CSS
0 vote330 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS
1 vote344 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS
0 vote357 views1 answer
Mitmf install
CSS
1 vote325 views1 answer
Css animate border bottom on hover
CSS
15 votes332 views2 answers
Custom selection color css
CSS
18 votes368 views3 answers
Expo : File C:\Users\Admin\AppData\Roaming\npm\expo.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
36 votes360 views6 answers
How to insert gradient in css
CSS
1 vote355 views2 answers
Css kommentar
CSS