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 vote240 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote221 views1 answer
Slect all li that not have ul
CSS
0 vote214 views1 answer
Why wont text color of a div change
CSS
47 votes213 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote211 views1 answer
Icon float right side input css
CSS
0 vote218 views2 answers
Nth-child(2n+1)
CSS
0 vote222 views2 answers
Css text truncate 2 lines
CSS
0 vote217 views1 answer
How to add a photo using css beside a paragraph in html
CSS
0 vote232 views1 answer
Css prevent grid blowout
CSS
9 votes231 views3 answers
Bootstrap badge color
CSS