анимации iPhone WebKit CSS вызывают мерцание
Это - сайт iPhone: http://www.thevisionairegroup.com/projects/accessorizer/site/
После нажатия на "play now", Вы доберетесь до игры. Оружие прокрутит в. Можно прокрутить кошелек и аксессуары вверх и вниз. Вы видите, что, когда Вы отпускаете, они привязываются в место. Так же, как тот снимок происходит, существует мерцание, которое происходит. Единственные анимации WebKit, которые я использую:
'-webkit-transition': 'none'
'-webkit-transition': 'all 0.2s ease-out'
'-webkit-transform': 'translate(XXpx, XXpx)'
Я выбираю или первый или второй переход на основе того, хочу ли я, чтобы он анимировал, и преобразование является единственным способом, которым я перемещаю вещи.
Самая большая проблема, хотя при нажатии на "Match items" затем нажмите "Play again". Вы будете видеть как оружие, анимационное в, весь фон аксессуаров/кошельков бледнеет. Кто-то может излучить меня с некоторым пониманием asto, почему это происходит??
2 ответа
Попробуйте это и, надеюсь, это поможет:
#game {
-webkit-backface-visibility: hidden;
}
Я добавил -webkit-backface-visiblity , и это в основном помогло, но у меня все еще было начальное мерцание после перезагрузки страницы. Когда я добавил -webkit-перспектива: 1000 , мерцания не было вообще.
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;