CSS свойство -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.

Пример

Заметки

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

По теме

• Вендорные префиксы. Что это?
• CSS свойство -moz-transform
• CSS свойство -webkit-transform
• CSS свойство -o-transform
• Фильтр Matrix
• CSS свойство transform-origin
• CSS свойство -ms-transform-origin
• CSS свойство -webkit-transform-origin
• CSS свойство -o-transform-origin
• CSS свойство -moz-transform-origin
• CSS свойство backface-visibility
• CSS свойство -webkit-backface-visibility
• CSS свойство perspective
• CSS свойство -webkit-perspective
• CSS свойство transform-style
• CSS свойство -webkit-transform-style