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

-1 vote105 views1 answer
Empty areas in the grid are defined using '.'
CSS
33 votes104 views3 answers
Change button shaddow css
CSS
0 vote161 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote67 views1 answer
Pointer bootstrap 4
CSS
0 vote56 views1 answer
Css ein bisschen durchsichtig
CSS
0 vote110 views1 answer
Media query not working with rem
CSS
0 vote97 views1 answer
Table td remove padding
CSS
0 vote118 views1 answer
Css make all text center
CSS
118 votes165 views6 answers
Css @media
CSS
0 vote108 views1 answer
Fill and no repeat background image css
CSS