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

49 votes268 views3 answers
Centralize image css
CSS
0 vote259 views1 answer
For...in...loop
CSS
28 votes277 views3 answers
Google font roboto
CSS
37 votes235 views4 answers
Select even child css
CSS
9 votes286 views3 answers
Animation on scroll css
CSS
17 votes253 views2 answers
Css horizontal gradient background color
CSS
2 votes271 views2 answers
Css properties
CSS
0 vote247 views1 answer
Color custom css use in laravel
CSS
145 votes333 views10 answers
Grepper
CSS
88 votes258 views6 answers
Css border radius
CSS