X

CSS3D Clouds

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

Move the mouse to rotatearound and mouse wheel to zoomin and out. Hit space to generatea new cloud. Works on Firefox(faster if Nightly), Chromeand Safari.

Texture list

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

    Presets

    Credits

    Coded by Jaume Sánchez (@thespite)

    Inspired on Mr.doob's WebGL cloudsand
    Mark J. Harris' Real-Time Cloud Rendering for Games.

    Fonts Open Sans and Lato are from Google Web Fonts.
    Textures are property of their respective owners.