К элементам веб-страницы можно применять различные трансформации с помощью свойства transform в CSS. 15 Некоторые из них:
- Translate. 14 Используется для перемещения элемента по оси X и/или Y. 14
- Rotate. 14 Применяется для поворота элемента вокруг оси Z. 1
- Scale. 14 Используется для изменения размера элемента по оси X и/или Y. 14 Значение больше 1 увеличивает элемент, меньше 1 — уменьшает. 4
- Skew. 15 Применяется для наклона элемента по оси X и/или Y. 1
- Matrix. 1 Позволяет комбинировать несколько трансформаций с использованием матрицы преобразования. 1
Также существуют трёхмерные трансформации, такие как rotateX(), rotateY(), rotateZ(), translateZ(), scaleZ() и perspective(). 2
Для создания сложных эффектов можно комбинировать разные функции трансформации. 2 По умолчанию браузер применяет их в порядке следования. 3