CSS 3D Clouds

  • Great demo and presentation.

    This is apparently based on the WebGL clouds demo, which is equally as amazing: http://mrdoob.com/131/Clouds

  • As beautiful as this is, it still saddens me that the best we have for efficient cloud effects is drifting camera-facing billboards displaying pre-rendered poofs.

  • I'm impressed that not only did this run on my Android phone in the stock browser, but that it was relatively smooth (hitching infrequently but for probably 300ms when it did).

  • I remember seeing this a year ago. It's awesome how smooth it has become— last time I checked, it was choppy on my machine whereas now it's butter smooth. Browsers are sure improving rapidly these days.

  • Hmm, on Chrome 24.0.1312.69 on 64 bit Linux the depth effect is missing. When rotated, it looks like a picture of a cloud painted on an invisible wall. No problem in Firefox.

  • I was expecting it to be a complete horror-show on my G5 mac, but it was actually really smooth (once it had settled down of course..). Really nice work. Well done!

  • I like how Michael Bay was an option. Also very surprised it works so well on my Nexus 4. Touch screen rotation is a bit weird tho, but wow.. no lag.

  • Amazing demos. Are there any real-world applications using something like this?

  • Look great but the title "CSS 3D Clouds" is not truthful.

  • Looks great -- only tweak would be to add proper depth sorting to avoid the "popping" effect (more visible with the darker textures).

  • If the explosion micheal bay effect happened in real time it would be sick

  • This is very well done. I especially love the Michael Bay option.

  • Awesome on chrome on Ubuntu 64-bit, buggy and slow on Firefox.

  • This is really awesome! Add it to twitter bootstrap for kicks!

  • It is simply amazing, also the speed is quite good!

  • It seems that if I get all the options to "a lot" I get at least one or two clouds replaced by a white box icon. I imagine it's not loading them properly?

  • The speed is excellent -- really smooth.

  • Very slow on Firefox 18.0.2, linux

  • Works great on my blackberry z10.

  • it does look pretty good. I m quite amazed such a technique is doable via css

  • Love the Michael Bay

  • speed is very good compare to WebGL

  • WOW

  • this is seriously cool.

  • the cloud animation could use a little bit of easing. It looks a bit choppy right now on mouse move.