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

28 votes116 views3 answers
Font-face html
CSS
2 votes118 views2 answers
How to move text down in css
CSS
0 vote115 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote133 views1 answer
Wow animation run in multiple times at once
CSS
1 vote122 views1 answer
How to hover over an individual cell in table css
CSS
1 vote139 views1 answer
Webkit css
CSS
0 vote109 views1 answer
Html print page break
CSS
1 vote121 views1 answer
Layer on top in javascript
CSS
6 votes115 views2 answers
Border-collapse
CSS
0 vote114 views1 answer
Css hide timeline
CSS