HTML5 is not a fantasy concept, and talk about HTML5 future trends and values, together with the current HTML5 can make what results, we can make excellent products.
The Form follows function is a Web site that shows the implementation of HTML5, which now shows 14 works, including interactive operations and visual effects. These effects are not a complete product in themselves, but adding to the product can add a lot of colour to the product.
1, Scattered King (bokeh)
An image of the defocus effect, through the HTML5 implementation of this effect can be loaded in the background, font surface.
2, 3D effect
3D tomato canned soup, can rotate through the mouse operation, at the same time the bottom has a reflection effect, a very good interactive effect demonstration.
3. Panorama of the Universe
Set the entire universe scene, you can use 360 degrees to observe the entire Cosmic nebula, this way of achieving the effect of more close to Google's Street View map.
4, Pixel effect
This effect is interesting for pictures, and the areas that are actually available are still to be explored.
5, Spiral effect
The rotation effect of the font, simple near a GIF picture, but by the replacement of the article, you can easily convert to a variety of copy display.
6. Crystallization Filter
Through the mouse can choose the scope of crystallization, for the Web page can directly make more interactive visual effects of the interface.
7, Hue mixing
As the mouse moves to change the hue of each position, a very simple can converge the user's view of the interactive effect, but in a simple background can reflect the value of this effect.
8. Flip the Clock
The display of a clock, the structure is very simple, but also looks very clear, suitable for embedding in many different pages as a real-time display of time.
9, the reflection of the watermark
A visual effect, in this demo can adjust the speed of reflection fluctuations. This effect is suitable for the production of Logos and home page display.
10. Free Fall
The "Rain Man" shows a free fall effect that allows the mouse to adjust the angle of falling, providing an interactive operation with physical effects. This feature is especially useful for games.
11. Surface Ripple
The same is a physical effect, can be stimulated by the mouse surface ripple, on the Web page can be easily achieved.
12, the growth of the tree
A kind of interactive mode of stress operation, click a tree one at a time, can be used for the additional effect of Web page display. This kind of effect has many uses visually, the webpage, the game can.
13. Letter Wiper
Wipe the letter on the screen wiper effect, the first time see feel like a Web page refresh the excessive screen.
14, Fade effect
Through a number of messy lines gradually show a picture, the middle of the presentation process is suitable as a Web page load waiting interface.