Поддерживает ли IE9 3D CSS преобразования?
Кто-нибудь запускал тесты для запуска 3D CSS-преобразований в Internet Explorer 9?
Если да, то были ли они успешными?
Я не могу найти никакой информации о нем, конечно Chrome / Safari / Firefox уже добавляют поддержку для него:)
какой-то новый злой 3D CSS синтаксис
Translate3d(x, y, z), translateZ (z)
Переместите элемент в x, y и z, и просто переместите элемент в z. положительный z направлен к зрителю. В отличие от x и y, значение z не может быть процент.
Scale3d(sx, sy, sz), scaleZ (sz)
Масштабирование элемента в x, y и Z. масштаб z влияет на масштабирование вдоль оси z в преобразованных дочерних элементах.
RotateX (угол), rotateY (угол), rotate3d (x, y, z, угол),
Первые две формы просто вращают элемент вокруг горизонтальной и вертикальной осей. Единицы измерения угла могут быть градусами (град) радианами (рад) или градиентами (град). Последняя форма позволяет вращать элемент вокруг произвольного вектора в Трехмерное пространство; x, y и z должны указывать единичный вектор, вокруг которого вы хотите вращаться (мы нормализуем его для вас).
Перспектива(p)
Эта функция позволяет поместить некоторую перспективу в матрицу преобразования. Для объяснения п, см. ниже. Обычно перспектива применяется через свойство-webkit-perspective, но эта функция позволяет получить эффект перспективы для одного элемента, например:
-webkit-transform: perspective(500px) rotateY(20deg);
Matrix3d(...)
Этот функция позволяет задать необработанную 4×4 однородную матрицу преобразования из 16 значений в порядке столбцов-мажоров. Повеселись с этим!
взято из Здесь .
3 ответов:
Нет, IE9 не поддерживает 3D-преобразования, только 2D-преобразования.
Microsoft перечисляет здесь новые возможности браузера: http://msdn.microsoft.com/en-us/ie/ff468705 -- 3D-преобразования не сделали этого.
Как Примечание: специфичный для клиента префикс для свойств CSS в IE9 -
-ms-*
Документация Firefox достаточно любезна, чтобы упомянуть, какие минимальные версии браузера поддерживают его: https://developer.mozilla.org/en/CSS/-moz-transform#Browser_compatibility
Internet Explorer 10, Firefox 10, Chrome 12 , Safari 4
Так что, как уже упоминалось, IE9 не делает, но IE10 после выпуска будет. Safari, Chrome и Firefox теперь имеют версии релизов, которые поддерживают его, а Opera пока не упоминает о поддержке.
Это не так. Только safari 5 указан как поддерживающий эту функцию.
Для получения дополнительной информации приведем подробное сравнение: http://www.findmebyip.com/litmus/ функций css3 и html5, поддерживаемых в различных браузерах
Comments