Ниже - список альтернативных свойств, которые помогут браузерам «слышать» ваши трансформации: - Internet Explorer – -ms-transform (только 2D)
- Firefox – -moz-transform (только 2D)
- Opera – -o-transform (только 2D)
- Safari и Chrome – -webkit-transform (2D и 3D)
Свойство transform - это как волшебная палочка для элементов: вращайте, масштабируйте, наклоняйте и даже «поднимайте» их в 3-мерное пространство. | Значение по умолчанию: | none |
|---|
| Наследуется: | нет |
|---|
| Версия: | CSS3 |
|---|
| Синтаксис JavaScript: | object.style.transform="rotate(7deg)" |
|---|
| Значение | Описание |
|---|
| none | Преобразование не применяется. | | matrix(n,n,n,n,n,n) | 2D-преобразование через матрицу из шести значений. | | matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 3D-преобразование с матрицей 4?4 (шестнадцать значений). | | translate(x,y) | 2D смещение. | | translate3d(x,y,z) | 3D смещение. | | translateX(x) | Смещение только по оси X. | | translateY(y) | Смещение только по оси Y. | | translateZ(z) | 3D смещение только по оси Z. | | scale(x,y) | 2D масштабирование. | | scale3d(x,y,z) | 3D масштабирование. | | scaleX(x) | Масштаб по оси X. | | scaleY(y) | Масштаб по оси Y. | | scaleZ(z) | 3D масштаб по оси Z. | | rotate(angle) | 2D-поворот, угол задаётся параметром. | | rotate3d(x,y,z,angle) | 3D-поворот вокруг произвольной оси. | | rotateX(angle) | 3D-поворот вдоль оси X. | | rotateY(angle) | 3D-поворот вдоль оси Y. | | rotateZ(angle) | 3D-поворот вдоль оси Z. | | skew(x-angle,y-angle) | 2D-наклон по обеим осям. | | skewX(angle) | 2D-наклон вдоль X. | | skewY(angle) | 2D-наклон вдоль Y. | | perspective(n) | Определяет перспективу для 3D-преобразований. | Пример
|