Read time: 7-9 minutes
22
Jun
2020
SVG Skill Level Meter
Using a few simple paths, you can create a neat little SVG skill level meter with multiple uses.
Real world projects.
If you're tired of theory and basics you've come to the right place. We'll explore practical everyday uses for all this animation code. We'll be building nav menus, sliders, galleries, infographics and more.
Read time: 6-7 minutes
21
Jun
2020
Hamburger button with handwriting
Spice up your next burger button with some animated handwriting and fluid line transformations.
Read time: 4-5 minutes
20
Jun
2020
Before and After SVG Slider
If you'd like a quick and easy before and after SVG slider, you can make one with a SVG and clipPath.
Read time: 3-5 minutes
17
Jun
2020
Invert SVG Text With A Mask
In this quick tutorial, you'll learn how to create a neat inverted text effect using a mask or clip-path in your SVG.
Read time: 6-7 minutes
10
Jun
2020
Animated handwriting effect (part 2)
Handwriting part 2. You have paths so let's create animated writing with GreenSock's DrawSVG plugin.
Read time: 6-7 minutes
9
Jun
2020
Animated handwriting effect (part 1)
In part one of this two-part tutorial, you'll create SVG open paths for an animated handwriting effect.
