2014-10-06 1 views
1

Следующая Fiddle демонстрирует проблему:CSS3 Переход + Transform не работает в Safari, но работает в Chrome

http://jsfiddle.net/ydLyzk8c/

В новых версиях Firefox, Chrome, Opera, & эффект я пытаюсь для создания работ. Когда документ загружается, масштабируйте каждый элемент по очереди (от 4,4 до 1,1) и увеличивайте непрозрачность от 0 до 1 одновременно.

Тем не менее, в обоих Safari 8 на Mac & iOS Safari 7 & 8, никакого масштабирования нет - только непрозрачность fadein. Я уверен, что у меня есть все необходимые префиксы для поставщиков:

-webkit-transform:-webkit-scale(1,1); 
    -moz-transform:-moz-scale(1,1); 
    -ms-transform:-ms-scale(1,1); 
    -o-transform:-o-scale(1,1); 
transform:scale(1,1); 

Но все же ничего. Что мне здесь не хватает?

ответ

3

префикс Поставщик должен быть в собственности не по стоимости, так:

-o-transform: scale(1,1); 
+0

Brilliant, спасибо. Я смутился, указав префикс поставщика для преобразований внутри переходов. – ReactingToAngularVues

Смежные вопросы