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 votes194 views3 answers
Add tailwindcss to angular
CSS
1 vote274 views1 answer
How to include a new font website
CSS
0 vote182 views1 answer
Hide navbar css
CSS
0 vote236 views1 answer
Breaking bad api
CSS
33 votes194 views6 answers
Background image opacity css
CSS
0 vote233 views1 answer
Horizontal checkbox css
CSS
-1 vote315 views1 answer
Materialize table padding css
CSS Materialize
1 vote200 views1 answer
Write text in one line css
CSS
96 votes253 views2 answers
How to position in css
CSS
0 vote200 views1 answer
React bootstrap css module use media query mixin
CSS