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 vote181 views1 answer
Ssh into docker container ddev
CSS
1 vote192 views2 answers
How to make hr class bootstrap full width
CSS
0 vote182 views1 answer
What css vmin
CSS
-1 vote196 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote197 views1 answer
Css box shadow right and down
CSS
38 votes196 views6 answers
Rotate image css
CSS
0 vote187 views1 answer
Css horizontal scroll cards
CSS
2 votes199 views2 answers
Css heading background line
CSS
0 vote227 views2 answers
Nav items moving when hover
CSS
3 votes168 views2 answers
Bootstrap 5 pagination
CSS