Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coddy

Moving Clouds - HTML/CSS/JS Project

via Coddy

Go to class Write review

Overview

In this course, you will create a moving clouds web project using HTML, CSS, and JavaScript.

Prerequisites:

  • Knowledge in HTML, CSS and JS

Syllabus

Introduction

Container

  • Body

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

Reviews

Start your review of Moving Clouds - HTML/CSS/JS Project

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.