Размер фона GSAP Tween не работает должным образом в ios/ipads
При использовании gsap tweenmax (lite или timelinelite) backgroundSize корректно работает в браузерах, но не на ios / ipads
Взгляните на это в браузере и на ошибку на iPad. Любая помощь приветствуется. http://codepen.io/jonathan/pen/AigpI
// cache element in variable
var $img = $('#box');
// set initial CSS autoAlpha to 0
// GSAP handles the cross browser vendor prefixes
TweenMax.set($img,{backgroundSize:"100% 100%"});
// animate CSS autoAlpha to 1
var freewayEaseTween = TweenMax.to($img, 10, {
backgroundSize: "+=25% +=25%",
autoRound:false,
repeat:-1,
yoyo:true,
ease:Power1.ease0ut
});
freewayEaseTween.play();
1 ответ
Ответ на форумах GreenSock: http://greensock.com/forums/topic/14594-background-size-does-not-work-properly-in-iosipads/?p=62376
Это было связано с несоответствием в том, как Safari сообщает о вычисленном стиле (пропускает 2-е значение). Это должно быть решено в следующем выпуске GSAP, который вы можете просмотреть (ссылка в сообщении на форуме).