Search the Community
Showing results for tags 'rotatey backwords'.
Found 1 result
-
So I have a bug with pure CSS 3 animations as well as green sock animations doing the same thing. So the issue I have is when I do a rotateY on a plane the video player on the backside is backwards I have resolved the issue in chrome bye doing scale(-1, 1); for the css 3 transition for tweenlight it doesnt even affect the rotation of the element and its still backwards. If I do scale(-1, 1); in firefox it goes crazy and does a diaginal flip. Does anyone know how to flip a element in greensock and preserve the elements perspective "not backwards when fliped 180" while having it be compatible in the latest browsers? .front { -moz-transform: rotateY(0deg); } .back{ -moz-transform: rotateY(180deg) scale(-1, 1); } if($('#videoBg').hasClass('back')){ TweenLite.to($("#videoBg")[0], 0.8, { rotationY: 180, scaleX:-1, scaleY:1}); }else{ TweenLite.to($("#videoBg")[0], 0.8, { rotationY: 0}); }
