Svg animation css

Svg animate

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <rect width="10" height="10">
    <animate attributeName="rx" values="0;5;0" dur="10s" repeatCount="indefinite" />
  </rect>
</svg>

Source: developer.mozilla.org

Svg animation css

100%{
fill:rgb(255, 255, 255, 1);
stroke-dashoffset: 0;
opacity: 1;
}

Source: creativebloq.com

Svg animation css

0%{
fill:rgb(255, 255, 255, 0);
stroke:#fff;
stroke-dashoffset: 800;
opacity: 1;
}

Source: creativebloq.com

Similar codes

4 votes415 views3 answers
.col-6 bootstrap
CSS Bootstrap
47 votes400 views6 answers
Css blur
CSS
0 vote348 views1 answer
Images end then start text in css
CSS
-1 vote328 views1 answer
Css disable scroll mobile
CSS
0 vote371 views1 answer
New statamic project
CSS
40 votes394 views6 answers
How to write css
CSS
-1 vote341 views1 answer
Jest to handle css
CSS
42 votes368 views5 answers
Npm bootstrap
CSS
1 vote342 views1 answer
Spaces not showing in p tag
CSS
0 vote327 views1 answer
How to use the display property
CSS