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

0 vote274 views2 answers
Css add circle to icon cart
CSS
0 vote291 views1 answer
Css animation scale image
CSS
2 votes309 views1 answer
Vh vs vw css
CSS
0 vote310 views2 answers
Webkit-line-clamp: 2;
CSS
0 vote315 views1 answer
Css columns
CSS
2 votes279 views1 answer
Beautiful navigation bar css
CSS
1 vote296 views1 answer
How to alternate background colour in html div elements in css
CSS
5 votes299 views3 answers
Css window height
CSS
7 votes290 views3 answers
Css wrap text to next line
CSS
0 vote285 views1 answer
Css calc vw minus px
CSS