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

127 votes141 views4 answers
React import bootstrap css
CSS
3 votes133 views2 answers
Set css to default
CSS
2 votes125 views1 answer
Css class selector contains
CSS
0 vote98 views1 answer
Tailwind css strikethrough
CSS
0 vote127 views1 answer
Css fit iframe to div
CSS
0 vote146 views1 answer
Css make background image repeat vertically
CSS
1 vote144 views6 answers
Tailwind css in react
CSS
7 votes126 views2 answers
Rem vs em
CSS
2 votes124 views2 answers
Css glow on hover
CSS
0 vote132 views3 answers
Html input file upload image for profile picture
CSS