Jump to content


Skew values not getting calulated proplery

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

The skew values do not get calulated proplery using GSAP plugin.

I am geting correct values using simple jquery animate doesnt alter the height of the element.

How ever i feel that even though the height is not explicitly calculated, there seems to be height difference.


Please check the codepen url for the same.

See the Pen MavzEp by rahuljadav (@rahuljadav) on CodePen

Link to comment
Share on other sites

Hello rahuljadav, To add to Diaco's helpful example ..


There is really no need to use CSS vendor prefixes (-webkit-), or use jQuery animate() with GSAP, since they will both be competing to animate your elements. It It is better to use either / or.



See the Pen qOXQwL by MAW (@MAW) on CodePen

shows how you can use GSAP to animate your elements with very little code.


GSAP's equivalent for jQuery css() method is the GSAP set() method



  • Like 3
Link to comment
Share on other sites

Hi Diaco,


Can you proive me the link for the cycle tag that is being used.



Link to comment
Share on other sites

  • 6 months later...

Once again, Diaco and his random pens to the rescue. I would have never know the "skewType" otherwise...

  • Like 2
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.