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 vote181 views1 answer
Had to add a tint to a picture on css
CSS
0 vote170 views1 answer
Carousel css only
CSS
0 vote204 views1 answer
Mysql_config not found
CSS
0 vote165 views1 answer
How to use css in material ui
CSS
0 vote183 views1 answer
All ipad Resolutio css
CSS
-2 votes297 views3 answers
Box sizing reset
CSS
2 votes179 views2 answers
Css text to fit container
CSS
38 votes171 views2 answers
Remove list bullet css
CSS
2 votes172 views1 answer
Make object not selectable javascript
CSS
7 votes167 views2 answers
Bootstrap Aligning images
CSS