Jump to content


How to Stretch and Smear a SVG using GSAP?

Moderator Tag
Go to solution Solved by OSUblake,

Recommended Posts

HI, I want to know how we can able to stretch and smear a svg object using gsap? like what i have to do in steps to achieve that kind of process? the things I wanted to animate is related to stretching and smearing typography animation content.

Link to comment
Share on other sites

  • Solution

You will most likely need to use canvas or WebGL to achieve an effect like that, especially smearing. And GSAP is an animation engine, so it doesn't do effects in that sense. In can certainly animate values used in an effect like that, but it would definitely be a minor role as most of the code will be canvas/WebGL related.


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.