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 votes233 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
0 vote249 views1 answer
Html min width
CSS
0 vote226 views2 answers
Increase space between dashed border css
CSS
222 votes385 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
4 votes232 views4 answers
Change placeholder color
CSS
0 vote262 views1 answer
Css box-shadow over other elements
CSS
0 vote243 views1 answer
Css local variable
CSS
83 votes254 views4 answers
Css placeholder color
CSS
0 vote284 views1 answer
Twig language name
CSS
0 vote233 views1 answer
How to stretch picture with website css
CSS