Доброго всем дня!
Столкнулся с проблемой, что не работает на iPhone анимация и свойство transform для кнопок при состоянии active. На всех остальных устройствах все отлично, а вот тут засада и хоть убей.
Проверял в Safari на компе и тоже все отлично работает.
Все свойства и анимация прописанны кроссбраузерно, да вообщем везде работает , вот кроме мобилки iPhone.
И дело в том что ни как не посмотреть , во-первых нету iPhone , во-вторых хоть и был бы то отладчика там нету на моб телефоне, а вот заказчик наставивает на том чтобы все работало(у него iPhone) и надо все это дело поправить
В чем может быть проблема ??
Для решения этой проблемы есть такой хак:
<body ontouchstart="">
...
</body>
Он включает :hover и :active на Mobile Safari
Еще вариант - подключите эту библиотеку: https://github.com/ftlabs/fastclick
Референс
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости