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 vote148 views1 answer
Use flex in container with multiple components
CSS
0 vote139 views1 answer
Check concurrent connections for linux user
CSS
0 vote129 views1 answer
How to link to class in CSS
CSS
35 votes146 views4 answers
Open command palette vscode mac
CSS
1 vote126 views1 answer
Css selector excluding last child
CSS
0 vote138 views2 answers
Button slant right with icon
CSS
1 vote147 views1 answer
Remove border between td
CSS
8 votes135 views2 answers
Text underline hover css
CSS
1 vote130 views1 answer
Css div on the bottom
CSS
128 votes160 views5 answers
Randint
CSS