[rotateY problem]

Hi @PointC,

 

Thanks very much for that, really appreciate your help! I understand your solution, and it works perfectly. I like the idea of a trigger container - seems quite straightforward in hindsight but I'd probably never have thought of it

 

Thanks also @Visual-Q for your reply. 

 

Cheers guys.

 

[rotateY problem]

Thanks very much - I'll take a look.

[rotateY problem]

Hi,

 

I’m new to GSAP, and am enjoying learning how to use it. It's a great tool.

 

I am however running into a problem. I have a layout which is comprised of a number of hexagons arranged in a grid.  I want to be able to hover over each hexagon, rotate its Y axis through 180 degrees to flip it and display the content on the underside, then mouse off for it to revert to a Y rotation of 0. I have largely achieved this using the code below, however if I mouse off a hexagon too quickly, the mouse leave / mouse out event is not fired and so the hexagon stays with its underside showing.  

 

My jquery / gsap knowledge is fairly rudimentary. How can the code be improved to always ensure that a hexagon returns to it's correct state?

 

Any help appreciated - thanks.

    

See the Pen wmJwqx by bowowow (@bowowow) on CodePen