Frontend Formula

Функции CSS-трансформации



👉 Функции перемещения

translate(X, Y)

— Используется для смещения элемента вверх-вниз или влево-вправо. Если нужно сместить элемент по всем трём осям, можно использовать функцию — translate3d(X, Y, Z).



👉 Функции масштабирования

scale(X, Y) — Масштабирует элемент в двумерном пространстве по горизонтали и вертикали или одновременно в двух направлениях. Если нужно масштабировать элемент по всем трём осям, можно использовать функцию scale3d(X, Y, Z).



👉 Функции наклона

skewX(X), skewY(Y) — Выполняют сдвиг одной стороны элемента относительно противолежащей. В результате элемент как бы наклоняется. Величина наклона зависит от положения точки применения трансформаций (transform-origin) и числа градусов, заданных в параметрах.



👉 Функции поворота

rotateX(X), rotateY(Y), rotateZ(Z) — Позволяют вращать элемент. Обратите внимание, что обычное вращение элемента — вращение относительно оси Z.



Статья: https://doka.guide/css/transform-function/



#css #дока



👉 @frontend_formula