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

7 votes147 views3 answers
Html input background color
CSS
1 vote260 views1 answer
Css light grey
CSS
2 votes203 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote205 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote146 views1 answer
How do I link a CSS file to a folder?
CSS
0 vote157 views1 answer
Css box-shadow over other elements
CSS
1 vote130 views1 answer
Transform orgin css
CSS
0 vote129 views1 answer
Responsive font size with clamp
CSS
0 vote143 views1 answer
Change color to white svg with filter
CSS
118 votes222 views6 answers
Css @media
CSS