Journey
Courses
Courses
Course type
Learn, challenge or build your portfolio in a practice-driven way.
Level of knowledge
Choose courses tailored to your level of knowledge perfectly.
Or try to search for any course. Still can't find? let us know what are you missing!
Journey
Login
Creator
Anonymous
Moving Clouds - HTML/CSS/JS Project
In this course, you will create a moving clouds web project using HTML, CSS, and JavaScript.
18 Lessons
17 Challenges
Prerequisites
Knowledge in HTML, CSS and JS
Save for laterIntroduction
Introduction
Container
Body
Container
The Cloud
Cloud I
Cloud II
Cloud III
Playing with JS
Getting the Cloud
Random Position
Random Size
Moving the Cloud
Fixed values
Move to the Right
Alternate directions
Start immediately
Randomize everything
Many Clouds
Inject HTML using JS
Inject Clouds
Loop over All
Final Touch