Read time: 3-5 minutes
18
Jun
2020
SVG dashed line animation
Ready to create your SVG dashed line animations? I'll show you how to create dashed path animations with the help of a mask.
Ready to create your SVG dashed line animations? I'll show you how to create dashed path animations with the help of 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.
Control the start point of your DrawSVG and MorphSVG animations by cutting and rejoining your paths in Adobe Illustrator.
Eliminate SVG coordinate surprises by using a background rectangle when exporting your SVGs for animation.
Setting your stroke dash length to 0 and the linecap to round produces some interesting results.
I'll tell you about some of my favorite cool new features of GSAP 3 along with some hidden gems.