Jump to content


Perspective animation with mouse on text

Recommended Posts

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

Link to comment
Share on other sites

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

rotationY: 5 * xPos

rotationY: 100 * xPos


Is that what you're looking for? 

  • Like 3
Link to comment
Share on other sites

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

I try 50 but not 100 ahah

Thanks :-) 

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