X

CSS3D Clouds

An experiment on creating volumetric 3d-like clouds with CSS3 3D Transforms and a bit of Javascript.

Check out the tutorial here!

Move the mouse to rotate around and mouse wheel to zoom in and out. Hit space to generate a new cloud. Works on Firefox (faster if Nightly), Chrome and Safari.

Generate clouds Show texture controls Fullscreen

Texture list

Select one or more textures to create clouds. The more the merrier!

Presets

Clouds Storm Boom Michael Bay

Your browser does not support the audio element.