Какие существуют типы трансформаций в CSS?

Существуют 2D-трансформации на плоскости и 3D-трансформации в пространстве в CSS. html.okpython.net

Некоторые типы трансформаций:

2D-трансформации: html.okpython.net blog.hubspot.com

• Translate() — сдвигает элемент на плоскости вдоль осей X и Y. html.okpython.net Есть варианты: translateX() — вдоль оси X, translateY() — вдоль оси Y, translateZ() — вдоль оси Z. html.okpython.net
• Scale() — масштабирует элемент на плоскости. html.okpython.net Есть варианты: scaleX() — вдоль оси X, scaleY() — вдоль оси Y, scaleZ() — вдоль оси Z, scale3d() — в трёхмерном пространстве. html.okpython.net
• Rotate() — поворачивает элемент на требуемый угол на плоскости относительно точки трансформации, которая задаётся свойством transform-origin. html.okpython.net Есть варианты: rotateX() — относительно оси X, rotateY() — относительно оси Y, rotateZ() — относительно оси Z, rotate3d() — в трёхмерном пространстве. html.okpython.net
• Skew() — наклоняет элемент на заданный угол на плоскости. html.okpython.net Есть варианты: skewX() — вдоль оси X, skewY() — вдоль оси Y. html.okpython.net

3D-трансформации: html.okpython.net purpleschool.ru

• Matrix() — задаёт двумерную матрицу преобразований, объединяя несколько функций в одной. html.okpython.net
• Matrix3d() — задаёт трёхмерную матрицу преобразований. html.okpython.net
• Perspective() — задаёт перспективу (глубину сцены), расстояние от зрителя до элемента. purpleschool.ru

Функции трансформаций можно комбинировать для создания сложных эффектов. purpleschool.ru