In fact, this example is quite boring and simple, and there is no practical use.
The main show is how CSS3 to achieve the animation effect.
The main thing to write about is to see how much code I'm going to write in order to accomplish this effect.
At the same time, I am familiar with the Java to do a comparison.
No, I'm not going to tell you that.
Using Java to implement the effect in the example if you do not use a third-party frame encoding amount will be quite large.
Even if you use flash to encode the amount is not small.
Maybe someone would say that using flash to develop such a thing, with the help of powerful development tools without coding at all,
Oh, well ...
In fact, this challenge proves why many flash applications look simple but are very high on CPU usage.
I said in "Small Talk" before: "Technically speaking, HTML5+CSS3+JS is too suitable for casual games."
People think, using canvas svg and other technology to do the game main body, JS to do game development language (also can be used to do the script), the use of HTML5 CSS3 elegant features to make the game UI (that is, menu dialog Operation console type of things). Isn't that nice?
No nonsense, let's look at the examples in the attachment.
Please use Chrome 4.x or later to preview. (I use 4.1)
Add: Safari 4 can also
Animate_ui.zip (855 Bytes)
A simple "Dynamic main Menu" example implemented by CSS3 [go]