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.