HTML5 is not a fictional concept.

Source: Internet
Author: User
Keywords HTML5
Tags can make display function html5 image operation operations simple

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.