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

3 votes375 views1 answer
Not disabled css
CSS
0 vote435 views1 answer
How to view only downloading speed in du meter
CSS
1 vote382 views1 answer
Css change image saturation
CSS
0 vote357 views1 answer
Css top right corner
CSS
1 vote370 views2 answers
Css disabled option
CSS
7 votes339 views2 answers
Remove horizontal scrollbar css
CSS
2 votes328 views1 answer
Bootstrap list view
CSS
2 votes364 views2 answers
How to remove the blueish background on a button when clicked
CSS
1 vote389 views1 answer
Make web page float to center of page
CSS
1 vote377 views1 answer
About us page template html css codepen
CSS