Look at code pen...
tl.to("#redBox", 1, {'background-color':'rgba(33,33,33,0.8)'});
Also doesn't work:
tl.to("#redBox", 1, {'background-color':'rgba(33,33,33)'});
In Chrome and IE, is OK.
Thanks!
I've used same html mark-up like Split Text uses.
CSS translate3d crop text in Chrome and iOS chrome.
Chrome crop after: transform: translate3d(0px, 0px, 0px);
But I don't understand why.
Thanks!
Help with this...
I wanna make optimal solution..
I want make:
tl.to($a, 10, {scale:1.25, repeat:-1, yoyo:true});
Then I hover to element:
var tl = new TimelineLite();
tl.to($a, 0.3, {scale:2, x:100});
Then I unhover element return to state before hover and continue animation.
How to do it right?
Thanks!