Quick Tip: GreenSock and SVG Clip-Path and Masks for Feathered Colorize @snorklTV
Quick Tip: GreenSock and SVG Clip-Path and Masks for Feathered Colorize  @snorklTV
Uploaded January 2023 | Updated September 2026, 1 week ago
Here's a very quick overview of how my favorite Feathered Animated Colorize can be achieved by animating and SVG mask over an image with a clip-path applied. I'll use a simple GreenSock tween to bring it to life!

Full lesson video and HUNDREDS more available at
creativecodingclub.com/bundles/creative-coding-club?src=feather

Learn GreenSock for Free
creativecodingclub.com/courses/FreeGSAP3Express?src=feather

Finished Demo
codepen.io/snorkltv/pen/rNKGawL

SVG Editing performed in BoxySVG
boxy-svg.com
Quick Tip: GreenSock and SVG Clip-Path and Masks for Feathered ColorizeSVG GLOBULOUS! #GSAP #creativeCoding #SVG  #svganimationGSAP Double Border Animation from UI InitiativeTween ControlGSAP Quick Tip: Opacity TweenScrollTrigger: Multi-Colored Line Indicators from Vega WebflowGSAP Ease VisualizerFinal Project: Timeline DefaultsGSAP 3D Spinning Text OverviewGSAP Infinite, dual-direction, responsive marquee #GSAP #animationGreenSock Essentials: progress() vs totalProgress()GSAP Dreamy Gradients #gsap #creativecoding  #frontend
snorklTV |

Quick Tip: GreenSock and SVG Clip-Path and Masks for Feathered Colorize

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER