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

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