Share 10 awesome HTML5/CSS3 applications and source code, html5css3

Share 10 awesome HTML5/CSS3 applications and source code, html5css3

1. HTML5 video fragment and reorganization effects, powerful visual impact

There are a lot of HTML5 video players, but HTML5 video effects are rare. This HTML5 video fragment and reorganization effect is very exciting, giving a strong visual impact. When you click any part of the video, HTML5 will crush these areas. After a while, these broken video fragments will be automatically combined. It is a very good HTML5 video special effect.

Online Demo

Source code download

2. HTML5 3D Google search, small box world

HTML5 is really amazing. It's actually the idea of Google search. It uses HTML5 technology to put Google search into a small box and create 3D search. As the mouse moves, the HTML5 3D search box turns very three-dimensional. Click the search button to open the box for Google search.

Online Demo

Source code download

3. CSS3/jQuery creative box animation menu

As a front-end developer, I have seen many different jQuery menus, but this jQuery/CSS3 menu is unique. The menu items are embedded in the jiugongge, like a small box, with a warm background, the overall menu looks cute. Click the menu item, and the box will be displayed, showing the specific content of the menu item. The CSS3 menu also has a good animation effect when it is expanded.

Online Demo

Source code download

4. Gorgeous HTML5 charts that display Real-time Data

HTML5 is also widely used in chart applications. Compared with previous web charts, HTML5 chart production is more convenient and more powerful. This HTML5 chart plug-in looks gorgeous and professional, and also has advantages in data display. It not only supports multi-dimensional data display, but also supports area selection data function, you can use this HTML5 chart to manage your data more conveniently.

Online Demo

Source code download

5. HTML5 gravity sensor game: Show your head portrait

My salary has not risen much since the New Year's Eve. I don't want to pay a year-end bonus. I hate my leadership. Now we can take advantage of this HTML5 gravity sensor game to show our leaders. Make some portraits of leaders you hate, and use the HTML5 gravity sensor game plug-in to drag the mouse to shake these portraits, so that you don't need to pay... Tell you not to pay...

Online Demo

Source code download

6. Rotating playback of HTML5 3D images

Since the emergence of HTML5 technology, we can see more and more 3D effects on browsers. This HTML5 3D 3D image rotation playback and display tool reflects the powerful HTML5 3D function. Of course, this requires a browser that supports the HTML5 3D function to watch this 3D image demonstration.

Online Demo

Source code download

7. HTML5 Chinese chess games with custom chess difficulty

Chess games are very mature in desktop games, and there are many Chinese chess versions. Today, this HTML5-based Chinese chess game is very distinctive. We can not only choose the difficulty of Chinese chess games, but also switch the board style. I am tired of writing the program. I would like to have a cup of coffee and a few clicks on the computer. I believe you know the algorithm of HTML5 Chinese chess games, you can open the source code to study this HTML5 Chinese chess game.

Online Demo

Source code download

8. HTML5 player myth, classic player

This is a very classical style, but also a very fashionable HTML5 player, said it is a classical player, because this type of stuck HTML5 player is relatively old, said it is fashionable, this is because HTML5 players rarely have such styles and are very creative. If you want to add a personalized player to your individual, you can choose this HTML5 classical player. I personally think this is a myth of the HTML5 player and it is very classic.

Online Demo

Source code download

9. HTML5 super Mary game experience, HTML5 game classic

Do you still remember the Super Mario adventure game that I played when I was a child? Yes, it was a very popular game when we were young. Today, foreigners use HTML5 technology to allow super Mary to run on the webpage. Although super Mary of HTML5 does not have the powerful functions of the original version, but if you are interested, you can write it completely. HTML5 is really powerful, and HTML5 games are even more acute.

Online Demo

Source code download

10. Romantic programmer HTML5 love confession Animation

Our programmers are also very romantic in their pursuit of love. Below is an HTML5 love confession animation with a very warm and sweet picture. Such ideas can easily impress girls. If you are a single programmer, you can also make your own love confession animation.

Online Demo

Source code download

Fixed Link: http://www.i7758.com/archives/1307.html