Working with SVGs

Learning to add animation and interactivity with SVG files using HTML, CSS and JavaScript.

Animated Rocket SVG usgin just HTML, see it in action by checking out my codepen
Whilst working on a score element for a dashboard UI I wanted to have a large circle indicator to adopt the gradient colours beneath. I achieved this by using a vector mask in the svg file and positioned it based in the dashboards score using JavaScript. Check it out on my codepen

You may also like

Super Hero Characters
Personal Project
Dead Rabbit logo
Simple logo design
The Pac-Man
Personal Project
Buzz Groop
Logo Design
Random Doodles
Hand drawn & vector
T-shirt design
Back to Top