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 vote107 views1 answer
Border collapse makes outset not work
CSS
0 vote124 views1 answer
Ion-split-pane width
CSS
1 vote112 views1 answer
Flexbox align or justify one single item
CSS
0 vote139 views1 answer
Display none opposite
CSS
28 votes125 views6 answers
Background image react
CSS
20 votes104 views3 answers
Underline text using css
CSS
0 vote124 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote111 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
2 votes117 views1 answer
Css focus outline none
CSS
0 vote112 views1 answer
Puntos suspensivos css
CSS