функций css3 и html5, поддерживаемых в разных браузерах

ибудь запускал тесты для запуска 3D CSS Transforms в 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 должны указывать единичный вектор, вокруг которого вы хотите вращаться (мы нормализуем его для вас).

перспектива (р)
Эта функция позволяет вам поместить некоторую перспективу в матрицу преобразования. Для объяснения р см. Ниже. Обычно перспектива применяется через свойство -webkit -спектива, но эта функция позволяет получить эффект перспективы для отдельного элемента, например:

-webkit-transform: perspective(500px) rotateY(20deg);

matrix3d ​​(...)
Эта функция позволяет указать необработанную матрицу однородного преобразования 4 × 4 из 16 значений в главном порядке столбцов. Веселитесь с этим!

Взято изВот.

Ответы на вопрос(3)

Ваш ответ на вопрос