Почему на телефоне анимация рывками?

Question

[Алексей]

Добрый день, подскажите пожалуйста почему анимация на картинку то нормально, то рывками на телефоне ios 6s. На андроидах тестил все нормально. Заранее спасибо!

.img {
	animation: littleSquare 2.5s linear infinite;
	-webkit-animation: littleSquare 2.5s linear infinite;
}

@-webkit-keyframes littleSquare {
	from {
		-webkit-transform: translateY(10%) rotate(-80deg) scale(0);
		transform: translateY(10%) rotate(-80deg) scale(0);
	}

	to {
		-webkit-transform: translateY(0) rotate(0deg) scale(1);
		transform: translateY(0) rotate(0deg) scale(1);
	}
}

@keyframes littleSquare {
	from {
		-webkit-transform: translateY(10%) rotate(-80deg) scale(0);
		transform: translateY(10%) rotate(-80deg) scale(0);
	}

	to {
		-webkit-transform: translateY(0) rotate(0deg) scale(1);
		transform: translateY(0) rotate(0deg) scale(1);
	}
}

Comments

[Froggyweb]

Такая анимация не должна сказываться на производительности. нужно смотреть пример в песочнице

Answer 1

[Drno]

потому что телефон старый. а на оптимизацию сайтов и делать их нормальными положили болта....
лично мне не яно нафига анимация в браузере ан телефоне... ток батарейку и трафф жрать

у меня на 6s лагает приложение известных вендоров, типо сбера или яндекса... это неадекватно, ощущение что пишут криворукие

Comments

[Froggyweb]

6s - вполне телефон. даже на 5 должно работать

[Ankhena]

У меня клиент тоже с 6s и он прямо сам просит сделать, чтобы анимация на его телефоне тоже работала. Потому что это КРУТО!
Поскольку, против слова "круто" возражений особо не найти, то оставляю с анимацией.

[Drno]

Ankhena, сочувствую клиенту... ну и немного Вам) попробуйте уменьшить разрешение что ли... раза в 2 от размера основного

[Ankhena]

Drno, спасибо, но у нас с клиентом всё хорошо ;)