Learn SVG Goo Filter with GreenSock's Draggable

Опубликовано: 21 Март 2023
на канале: snorklTV
1,084
76

Today I'm going to show you how to apply an SVG Goo filter to your svg and dom elements. I'll pop in GreenSock's Draggable for some extra interactive fun. Unfortunately Safari is a horrible browser and doesn't like it when we move things that have goo on them. Works great in better browsers.

SVG and DOM Demo
https://codepen.io/snorkltv/pen/OJojQLr

Draggable Demo
https://codepen.io/snorkltv/pen/BaOVjvB

Master GreenSock Animation
Unlock over 200 lessons I wish I had when I was learning
https://www.creativecodingclub.com/bu...

Visit the flecto site that inspired this lesson
https://flecto.io/

Update: the flecto developers reached out and told me that they dynamically generate the shapes at runtime with a script. they built a fun playground. check it out: https://flectofy.flecto.io/