A simple 'dynamic main menu' example implemented by CSS3 [translated]_html/css_WEB-ITnose

Actually, this example is quite boring, simple and of no practical use.

It mainly shows how CSS3 can achieve animation effects.

I wrote this mainly because I wanted to Let’s take a look at how much code I have to write to achieve this effect.
At the same time, compare it with the java I am familiar with.

I don’t need to tell you the comparison results.

Use java To achieve the effect in the example without the help of a third-party framework, the amount of coding will be quite large.

Even if flash is used to do the coding, the amount of coding is not small.
Some people may say to use flash to develop such a project Things, with the help of powerful development tools, there is no need to code at all,
Haha, okay...
In fact, this kind of doubt just proves why many flash applications look simple but use very high CPU usage.

I said in "Chat" before: "From a technical point of view, HTML5 CSS3 JS is very suitable for casual games"
Think about it, use canvas svg webgl, etc. Technology is used as the main body of the game, js is used as the game development language (it can also be used for scripting), and the elegant features of html5 css3 are used to make the game UI (such as menus, dialog boxes, operation consoles, etc.). This is not very Okay?

No more nonsense, let’s take a look at the example in the attachment.

Please use Chrome 4.x or above to preview. (I am using 4.1)

Supplement: safari 4 is also available

animate_ui.zip (855 Bytes)