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 vote412 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
16 votes327 views4 answers
Arrow right css
CSS
2 votes336 views4 answers
Css image sharpen
CSS
0 vote356 views1 answer
Two background images css
CSS
8 votes339 views6 answers
Background image overlay
CSS
0 vote352 views1 answer
Cta button css
CSS
63 votes370 views5 answers
Html position absolute center
CSS
3 votes342 views3 answers
Css brightness
CSS
8 votes343 views2 answers
Css image size adjust
CSS
0 vote357 views2 answers
Generate random grid in css
CSS