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 vote135 views2 answers
Nativescript hr
CSS
1 vote148 views1 answer
Change order columns bootstrap
CSS
420 votes333 views6 answers
Delete array element
CSS
0 vote213 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote139 views1 answer
Viewport is 480 pixels or smaller css
CSS
0 vote132 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
18 votes131 views4 answers
Grayscale css
CSS
0 vote132 views1 answer
Animations
CSS
1 vote194 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote134 views1 answer
Css mauszeiger ändern
CSS