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 vote128 views1 answer
Apt list only security updates
CSS
0 vote126 views1 answer
New line ::after class
CSS
0 vote125 views1 answer
Css prevent background scrolling
CSS
68 votes115 views5 answers
Jquery css
CSS
36 votes138 views6 answers
How to insert gradient in css
CSS
0 vote127 views1 answer
Style50 for cs50
CSS
0 vote133 views1 answer
Hwo to reload css in flask
CSS
0 vote115 views1 answer
Css tricks macos spaces in dock
CSS
0 vote106 views1 answer
System ui font
CSS
0 vote153 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap