SVG Animations
Summary
Used SVGs to spruce up and add a bit of character to a website.
Motivation
The purpose of this project was to learn how to modify styles on SVG's and animate them.
Getting Started
Click the demo link or clone/download the repository on your local machine and open the index.html file with a browser.
Built With
- HTML5
- CSS3
- SVG'S
Features
1. Responsive Design
2. Compatible on Chrome 68.0.3440.106 and Firefox 62.0 (64-bit)
3. Inline SVGs added for all images.
4. CSS scale effect added to menu icons.
5. CSS rotation transform added to logo on mouse hover.
Coming Soon
- SVG line animations on page load.