- Теория
- Теория
Перемещение по вертикали
Теперь давайте попробуем перемещать объекты по вертикали.
Для этого воспользуемся похожей на «горизонтальную» функцией translateY
:
transform: translateY(-100px)
Такая функция переместит объект на 100 пикселей вертикально вверх. Заметьте, что для движения вверх используется отрицательное значение трансформации.
Как вы уже увидели в предыдущем задании, к объекту может быть одновременно применено несколько функций трансформации. При этом функции просто перечисляются через пробел после имени свойства transform
, например:
transform: translateY(-100px) translateX(100px)
Такая трансформация переместит объект на 100 пикселей вправо и вверх по оси координат.
Давайте попробуем перенести мага по воздуху с помощью функций горизонтальных и вертикальных перемещений.
И конечно же надо не забыть прочитать заклинание левитации, чтобы волшебник мог лететь!
Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.