Skew values not getting calulated proplery

[rahuljadav 0 Likes (Newbie)]

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

[Diaco 1,948 Likes (Superhero)]

Hi rahuljadav 

 

pls check this out : 

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

[Jonathan 5,176 Likes (Superhero)]

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.

 

Diacos

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

 

[rahuljadav 0 Likes (Newbie)]

Thank you Diaco and Jonathan

It was very helpful.

[rahuljadav 0 Likes (Newbie)]

Hi Diaco,

 

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

 

Thanks,

[Carl 9,066 Likes (Superhero)]

You can learn about cycle here: http://greensock.com/gsap-1-18-0

[Dipscom 2,815 Likes (Superhero)]

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