Randomize everything

Lesson 14 of 18 in Coddy's Moving Clouds - HTML/CSS/JS Project course.

Challenge

Easy

At the start of this chapter, we disabled the random position and size of the cloud.

Enable the random position and size for the cloud again, and make the speed of the cloud random.

How do you do it?

Set the delay time in the interval (it's in milliseconds) and the transition style property (currently, it's in seconds) to something random, we suggest putting times between 6 and 13 seconds.

In this challenge, you have a solution you can reveal, you can compare it to your code!

Try it yourself

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