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 vote173 views1 answer
Add arrow in select css
CSS
-1 vote163 views1 answer
Financial year vs assessment year
CSS
0 vote144 views1 answer
How to install tailwind css in html
CSS
0 vote148 views1 answer
Opposite of :not css
CSS
43 votes150 views4 answers
Text limit in css
CSS
0 vote162 views1 answer
Neumorphism css generator
CSS
1 vote154 views1 answer
On clicking a link it gets red color
CSS
0 vote149 views2 answers
Css firefox remove scrollbar
CSS
0 vote156 views1 answer
Css ie11 only
CSS
19 votes184 views2 answers
How to customize placeholder css
CSS