Read time: 4-5 minutes
20
Jun
2020
Before and After SVG Slider
If you'd like a quick and easy before & after slider, you can make one with a SVG and clipPath.
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.
If you'd like a quick and easy before & after slider, you can make one with a SVG and clipPath.
In this quick tutorial, you'll learn how to create a neat inverted text effect using a mask or clip-path in your SVG.
Handwriting part 2. Now that you have some paths, let's make them write with the DrawSVG plugin from GreenSock.
In part one of this two-part tutorial, you'll learn how to create SVG open paths for a handwriting effect.