Moving Clouds Animation

Kushagra Agarwal

• 84246
• 30
• 0

A nice moving clouds animation achieved by using CSS3 animation techniques. The clouds are made using one tag and it's :after and :before pseudo properties. This scene is made up of two layers and clouds on the second layer are blurred by using box-shadow with the same color as their background color. This creates a illusion of parallax and looks great visually.

Works only in Chrome, Safari and FireFox.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room