Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ CSS расширения для Internet Explorer/ Properties/ CSS свойство -ms-transform | назначение, допустимые значения, примеры

Свойство -ms-transform

Свойство -ms-transform применяет трансформацию к элементу (можно применить несколько трансформаций, задавая значения через пробел).

Элемент можно передвигать, масштабировать, поворачивать и наклонять.

Допустимые значения

  • — элемент трансформируется согласно одной из следующих функций:
    • matrix(, , , , , ) — определяет матрицу, на которую будет умножена матрица, составленная из исходных координат элемента для получения новых координат
    • translate() — определяет сдвиг элемента. Можно задать два сдвига, через запятую: первый по оси x, второй по оси y. Если задано только одно значение, сдвиг по оси y будет равен 0
    • translateX() — определяет сдвиг элемента по оси x
    • translateY() — определяет сдвиг элемента по оси y
    • scale() — определяет масштабирование элемента. Можно задать два числа через запятую: первый по оси x, второй по оси y. Если задано только одно значение, масштаб по оси y будет равен масштабу по оси x
    • scaleX() — определяет масштаб элемента по оси x
    • scaleY() — определяет масштаб элемента по оси y
    • rotate() — определяет поворот элемента на заданный угол относительно центра поворота, заданного свойством -ms-transform-origin
    • skew() — определяет наклон элемента. Можно задать два числа через запятую: первый по оси x, второй по оси y. Если задано только одно значение, наклон по оси y будет равен 0
    • skewX() — определяет угол наклона элемента по оси x.
    • skewY() — определяет угол наклона элемента по оси y.
Значение по умолчанию нет
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Internet Explorer 9.0 и выше

Пример

CSS

.block {
-ms-transform:rotate(40deg);
}


Заметки

В спецификации CSS3 есть аналогичное свойство transform.

По теме

Теги: , , ,
Показать комментарии