Hi! I'm having a problem with a webpage.
It contains 6 elements that are animated via css for :hover behaviours:
.mySel{
-xx-transform: scale(0.8);
}
.mySel:hover{
-xx-transform: scale(1);
}
On intro, I need to tween these elements' y position individually, so I use TweenLite:
TweenLite.to(this,1,{css:{y:50}});
Problem is, when my tween finishes, the tweened elements have inline styles overriding my :hover behaviour:
-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);
I see why jack did this but I'm open to manually resetting inline styles onComplete, but I have no way of using TweenLite to do so. I'll have to deal with vendor prefixes manually.
I was wishing for TweenLite.to(this,0,{css:{scale:"" or scale:"none" or scale:"auto"}}) to reset the property but no dice...
Can someone help me in any way?