147 подписчиков
В этом уроке мы рассмотрим различные двухмерные трансформаций, которые можно реализовать при помощи свойств CSS. Общий синтаксис трансформации: transform: функция трансформации(значение трансформации); Функция translateX - позволяет перемещать объекты по горизонтали, т.е. по оси x. Например, следующая запись сдвинет элемент вправо на 200 пикселей: transform: translateX(200px); Если значение трансформации задать отрицательным, то элемент сдвинется влево. Из единиц измерения обычно применяются px или %. Функция translateY - позволяет перемещать объекты по вертикали, т.е. по оси y. Принцип тот же – положительное значение сдвигает объект вниз, отрицательное вверх...
5,9K подписчиков
Статья подготовлена для студентов курса «Разработчик JavaScript» в образовательном проекте OTUS. Во frontend-разработке неизбежное зло – это вёрстка. Насколько бы навороченными не были фреймворки для построения UI, рано или поздно возникнет необходимость в вёрстке. Да и жизнь осложняется тем, что в CSS нет полифиллов, как таковых. В этой заметке разберём один популярный вопрос на собеседовании. Встретить в сети полный перечень всех способов с учётом современных возможностей непросто. Тем не менее они так или иначе присутствуют на просторах...