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 vote331 views1 answer
Combine binary numbers
CSS
29 votes341 views4 answers
Css input selector
CSS
0 vote304 views6 answers
Vertical multi color border css
CSS
1 vote340 views2 answers
How to align an image left in css
CSS
0 vote336 views1 answer
Flot css mdn
CSS
0 vote318 views1 answer
Css space between child elements
CSS
0 vote305 views1 answer
Css pseudo-class no children
CSS
0 vote314 views2 answers
Html css change reading direction
CSS
0 vote287 views1 answer
Git font
CSS
0 vote322 views1 answer
Remove focus blue lines from anchor tag
CSS