Функции CSS-трансформации Трансформации к элементу применяются при помощи свойства transform. А значением для этого свойства являются функции трансформации. Функции перемещения translate(X, Y) — Используется для смещения элемента вверх-вниз или влево-вправо. Функции масштабирования scale(X, Y) — Используется для масштабирования элемента. Если в функцию передать 0, то элемент не будет виден. Единица соответствует нормальному масштабу. Числа от 0 до 1 — это уменьшенный масштаб. Числа больше единицы — увеличенный масштаб. Функции наклона skewX(X), skewY(Y) — Выполняют сдвиг одной стороны элемента относительно противолежащей. В результате элемент как бы наклоняется. Величина наклона зависит от положения точки применения трансформаций (transform-origin) и числа градусов, заданных в параметрах. Функции поворота rotateX(X), rotateY(Y), rotateZ(Z) — Используются для вращения элемента. В функцию передаём единицы измерения углов (deg, rad, turn), например 45deg или 0.5turn. Обратите внимание, что обычное вращение элемента на странице — вращение относительно оси Z. 👉 Читать статью полностью #статья #js 👉 @frontend_mind