Почему не работает анимация и не которые свойства CSS3 на моб Iphone?

Question

[Spisoktem]

Доброго всем дня!
Столкнулся с проблемой, что не работает на iphone анимация и свойство transform для кнопок при состоянии active. На всех остальных устройствах все отлично, а вот тут засада и хоть убей.
Проверял в safari на компе и тоже все отлично работает.
Все свойства и анимация прописанны кроссбраузерно , да вообщем везде работает , вот кроме мобилки iphone. И дело в том что ни как не посмотреть , во-первых нету iphone , во-вторых хоть и был бы то отладчика там нету на моб телефоне, а вот заказчик наставивает на том чтобы все работало(у него iphone) и надо все это дело поправить
В чем может быть проблема ??

Comments

[Givandos]

Выложите css (ну и html не помешает) того, что вы пытаетесь заставить работать. А то гадание на кофейно гуще.
Не всю страницу, а тот блок, который у вас не работает.

[Spisoktem]

Givandos: уже нашел решение данной проблемы

[Givandos]

Ну не плохо было бы с вашем стороны тут же в комментарии кратно указать в чем была проблема / как ее решили.
Кто-то столкнеться с подобной проблемой и снова будет задавать такой же вопрос, потому как ответа нигде нет.
А так, то ваше решение кому-то поможет быстрее исправить проблему.

[Spisoktem]

Согласен.
В моб версии сафари на (iphone,ipad) нету таких состояний(псевдоклассов) как :active, :hover, но есть вот такой замечательный хак : просто вставить в боди атрибут ontouchstart=""
сразу все заработало

Answer 1

[Алексей Голягин]

Safari и iOS поддерживают только нестандартное свойство -webkit-transform., например:
-webkit-transform: rotate(15deg);

Comments

[Алексей Голягин]

А вообще на айфонах постоянно какая то ж..па, везде все нормально , на них криво) Их чудо браузер почти как ie)

[Алексей Голягин]

Да и -webkit-transform для сафари 9.0 + . Так что спросите версию браузера на его мобилке)