Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
KarthickVeera

Css Plugin in Gsap3

Recommended Posts

Hi Guys..

 

I have tried book flip using Gsap3 plugin. While using a tweenMax.js, cssPlugin-Perspective is working perfectly. but I have to do using gsap.min.js. 

It will not work properly. 

 

Thanks in advance  

See the Pen RwNNoEL by KarthickVeeramani (@KarthickVeeramani) on CodePen

Share this post


Link to post
Share on other sites

Hey Karthick and welcome to the GreenSock forums. Thanks for being a Club GreenSock member! 

 

I switched out the TweenMax file for the GSAP 3 file and it worked without issue.

 

See the Pen oNggBvw?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Am I missing something?

Share this post


Link to post
Share on other sites
12 hours ago, ZachSaucier said:

Hey Karthick and welcome to the GreenSock forums. Thanks for being a Club GreenSock member! 

 

I switched out the TweenMax file for the GSAP 3 file and it worked without issue.

 

 

 

 

Am I missing something?

Thanks for your quick reply.

 

I need like this,  using GSAP 3

See the Pen 38204e7a0163c5f7c32749a380f5acb0 by GreenSock (@GreenSock) on CodePen

 

 

Share this post


Link to post
Share on other sites

Hey @KarthickVeera,

 

From the docs

 

//apply a perspective to the PARENT element (the container) to make the perspective apply to all child elements (typically best)
gsap.set(container, {perspective: 500});
//or set a default perspective that will be applied to every individual element that you tween in 3D:
CSSPlugin.defaultTransformPerspective = 500;
//or apply perspective to a single element using "transformPerspective"
gsap.set(element, {transformPerspective: 500});

 

See the Pen zYxxjOP by mikeK (@mikeK) on CodePen

 

Happy flipping ...

Mikel

 

  • Like 3

Share this post


Link to post
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.

×