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

2 votes155 views2 answers
Css all children of type
CSS
63 votes182 views6 answers
Text shadow
CSS
1 vote174 views1 answer
Most common media query sizes
CSS
13 votes171 views4 answers
Background color transparent
CSS
8 votes166 views2 answers
Font roboto css
CSS
0 vote177 views1 answer
Html align svg to text
CSS
0 vote262 views1 answer
Ufw allow from subnet
CSS
2 votes232 views1 answer
Https request
CSS
2 votes169 views1 answer
Uninstall pm2
CSS
0 vote173 views1 answer
Css svg width 100%
CSS