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 vote157 views1 answer
React wrapper component
CSS
0 vote189 views1 answer
Sticky footer not working bootstrap
CSS
0 vote166 views1 answer
React use global css
CSS
0 vote166 views1 answer
Css absolute from center and not corner
CSS
7 votes140 views2 answers
Css set div width to screen
CSS
0 vote144 views1 answer
Flexbox stretch
CSS
0 vote146 views2 answers
Linear gradient and url css
CSS
12 votes233 views3 answers
Css background image size fit screen
CSS
1 vote133 views1 answer
Qwant
CSS
39 votes142 views5 answers
Add drop shadow css
CSS