Jump to content
Search Community

Perspective animation with mouse on text

alancoppin
Moderator Tag

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

Posted

Hi all,

 

I try to have a perspective effect on my title "Master Roaster", I separate all the letter (all of them are in a different <span>), but my animation doesn't work on that, it's work on my head-text ("01. Redesign").

 

I can't find the problem...

 

Anyone could help me ? 

 

Thanks a lot :-D

See the Pen rYZrYg by alancoppin (@alancoppin) on CodePen.

Posted

I think the problem is that your values are just too small to see any visual difference. Try changing the multiplier, like:
 

//OLD:
rotationY: 5 * xPos

//NEW:
rotationY: 100 * xPos

 

Is that what you're looking for? 

  • Like 3
Posted

Oh **** I'm tired today ^^

I try 50 but not 100 ahah


Thanks :-) 

  • Like 1

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.
×
×
  • Create New...