Hello there,
I have problems with my Tweens, when I'm animating them on hover like this:
$(this).find("a.handler").on("mouseenter.action mouseover.action", function () {
if (globals.menu_item_hover_complete)
// Animate current element
item_hover.timeScale(1).play();
console.log("hovered");
}).on("mouseleave.action mouseout.action", function () {
// Reverse animation
item_hover.timeScale(1.5).reverse();
});
These Tweens on chrome sometime lag and from opacity: 1 animates to opacity: 0.060008 (it hsould be 0) and sometimes when I'm tweening opacity:1 and top: 70, it sticks to top: 70 and just tweens opacity.
What is the best way to use Tweens for hovering animations?