Menu
Coddy logo textTech

Случайный размер

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

challenge icon

Задание

Легко

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

Чтобы задать облаку разные размеры, не меняя всё остальное, мы можем использовать transform и scale:

transform: scale(0.3)

Приведенный выше код масштабирует целевой элемент до 0.3 от его исходного размера!

В JS-файле добавьте это свойство стиля программно, а затем сделайте его случайным. Рекомендуемые размеры — от 0.3 до 1.

Убедитесь, что вы не удаляете свой предыдущий код, создающий случайное положение!

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

<!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