HTML5 / CSS3 Animation

Question

The other night I had the iTunes Visualizer (new not classic) playing. I started to think and wonder if it is possible to create a similar style type effects for transitioning of div or other tags to create a flashy effect. Here is the catch, while I assume something of that sort can be done in Flash is it possible to do it without flash and use HTML5, CSS3, Javascript, etc. ?

I know some amazing effects can be created. After some searching I have not found anything but I ask here two questions:

1. Can something similar to the iTunes visualizer be done?
2. If possible, How?

(Note: While I would love to support all browsers I am looking for if it is possible even if not supported in all browsers.)

Answer 1

Here's a nice tutorial on creating visuals using HTML5:

http://thecodeplayer.com/walkthrough/make-a-particle-system-in-html5-canvas

Answer 2

Yes, it can all be done (possibly better) sans Flash.

Take a look at CSS3 transformations , Raphael.JS , and HTML5 Canvas .

Best of luck!

Answer 3

The iTunes visualiser is seriously flashy. It's a big pill to swallow, but you're best off looking at WebGL . You may very much enjoy looking into Three.js .