svg-animation-with-css

Animation SVG Figma using css

Preparationn

1. Figma, update svg tool - https://www.figma.com/
2. unDraw, get svg assets - https://undraw.co/
3. Demo Site

Figma

• Triangles SVG

Demo Triangles

• Bicycle SVG

Original Bicycle SVG

Import assets/bicycle-original.svg into Figma then group some part of items, and export assets/bicycle-modify.svg

Demo Bicycle