Фиксированные значения

Урок 10 из 18 курса Движущиеся облака — проект на HTML/CSS/JS на Coddy.

Давайте переместим облако!

Задание

Легко

Прежде чем мы начнем перемещать облако, давайте зафиксируем его положение и размер.

Закомментируйте код, который устанавливает случайное положение и размер облака.

В файле JS выберите элемент облака и:

Установите свойство стиля left в значение 200px.
Установите свойство стиля top в значение 200px.
Установите свойство стиля transform в значение scale(0.5).

Также установите свойство стиля transition в значение "all linear 3s", это поможет нам анимировать облако позже!

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Все уроки раздела Движущиеся облака — проект на HTML/CSS/JS

1Введение

4Играем с JS

2Контейнер

5Движение облака

Фиксированные значения Урок-проект

Движение вправо

Чередование направлений

Начать сразу

Случайный выбор всего

3Облако

Облако I

Облако II

Облако III

6Множество облаков

Вставка HTML через JS

Вставка облаков

Цикл по всем элементам

Финальные штрихи