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

16 votes242 views4 answers
Arrow right css
CSS
1 vote252 views2 answers
How to add google fonts to css in react
CSS
0 vote258 views1 answer
After icon css
CSS
0 vote253 views1 answer
Inline list css without floats
CSS
1 vote256 views1 answer
Free computer screen recording software
CSS
0 vote279 views3 answers
Bulma lowercase
CSS
1 vote244 views1 answer
Export database spinup on terminal commands
CSS
1 vote245 views1 answer
Locate canvas in center of screen css
CSS
0 vote257 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote198 views1 answer
Css ein bisschen durchsichtig
CSS