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 vote312 views1 answer
Jquery change css variiable value
CSS
3 votes395 views2 answers
How to align form buttons right
CSS
0 vote343 views1 answer
Wordpress remove sticky header
CSS
0 vote324 views1 answer
Css if select has value
CSS
29 votes356 views4 answers
How to remove underline of link in css
CSS
5 votes385 views4 answers
Display none tailwind
CSS
2 votes381 views4 answers
Sieve of eratosthenes
CSS
20 votes344 views2 answers
No select css
CSS
0 vote357 views1 answer
Añadir hojas css externas a wordpress
CSS
0 vote356 views1 answer
Html display text in alternating coloured panels
CSS