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 vote253 views2 answers
Transparent input box
CSS
0 vote279 views2 answers
False
CSS
0 vote271 views3 answers
Style highlight css
CSS
1 vote272 views1 answer
Circle css with text in the center
CSS
0 vote310 views1 answer
Get into a Docker container bash
CSS
6 votes269 views4 answers
Css hover to disable
CSS
0 vote276 views1 answer
Cd program files x86
CSS
13 votes326 views6 answers
Tailwind center vertically
CSS
36 votes243 views6 answers
Css color
CSS
0 vote283 views1 answer
Como diminuir uma imagem em css
CSS