shivamkataria2000 / simple-css-animation-using-svg

This project demonstrates simple css animations using SVG

Simple CSS Animations with SVG

This is a sample html page to demonstrate CSS animations using SVG (Scalable Vector Graphics)

Demo

Make your own

1. Go to Undraw and download the SVG that you like.
2. Download Figma
3. Import the downloaded SVG to a Figma project
4. Group and name the layers that you want to animate on using Ctrl + G or ⌘ + G on Mac
5. Export the project as SVG with Include 'id' attribute ticked.
6. Create an html file and copy the exported SVG content.
7. Use Id selectors in CSS to animate on the html.

Contributing

Pull requests are welcome.

License

MIT