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

3 votes162 views1 answer
How to change the page background in css
CSS
22 votes160 views5 answers
Grid center css
CSS
22 votes164 views3 answers
Css disable text select
CSS
0 vote183 views1 answer
React right burger scrol bar
CSS
1 vote171 views2 answers
Inner border css
CSS
1 vote118 views1 answer
Ion-slider pagination color
CSS
35 votes170 views6 answers
Ellipsis
CSS
-1 vote277 views1 answer
Css comando para poner una imagen como fondo en html
CSS
0 vote175 views1 answer
Tailwind simple product card
CSS
0 vote169 views1 answer
Why margin is not working on label css
CSS