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 vote164 views1 answer
Animation clip path
CSS
38 votes157 views5 answers
Roboto
CSS
5 votes148 views1 answer
How to create a shape in css
CSS
0 vote152 views2 answers
Center a video horizontally
CSS
6 votes196 views2 answers
CSS set input text to word wrap
CSS
0 vote152 views1 answer
Css good font color
CSS
0 vote156 views1 answer
Como tirar o x do search input
CSS
0 vote155 views1 answer
Css border with 8 values
CSS
120 votes177 views6 answers
Css hide scrollbar
CSS
0 vote167 views1 answer
Repeating-conic-gradient css
CSS