15 HTML5/CSS3 case shows, navigation, calendars, clocks.

For front-end developers, sharing some of the best HTML5 applications can be used directly, and more importantly, inspire creativity. Today we are going to share 9 carefully selected HTML5 applications, all of which are dry goods.

1. HTML5/CSS3 Slider Animation menu icon animation is cool

CSS3 Menu We have previously shared a lot of, there is a menu, drop-down menu, tab menu, etc., you can move to the CSS3 menu section to find. Today we want to share this HTML5/CSS3 slider animation menu is very cool, the mouse over the menu item will have a beautiful mask moved over, and this animation menu has a very cool icon, the overall effect of the menu is very atmospheric.

Online Demo Source Download

2, HTML5 canvas hair flowy animation Cool HTML5 Animation

HTML5 canvas animations are cool, and many creative developers can use HTML5 's canvas features to create a lot of good animated effects. Today we want to share a HTML5 canvas hair flowing animation, the animation simulates the effect of hair fluttering, coupled with cute face, can be said to be very technical content, more creative.

Online Demo Source Download

3. HTML5/CSS3 Date Selection plug-in with date range

Today we come to share a practical HTML5/CSS3 date selection plug-in, this date selection plug-in appearance is very fresh and simple, but overall is very beautiful. In addition, the date selection plug-in has one of the biggest features, that is, you can customize the date of the interval, we can quickly set the range of dates, very convenient.

Online Demo Source Download

4. HTML5 Car animation Cool HTML5 Jeep

A few days did not share HTML5 animation, a lot of HTML5 animation is the use of CSS3 some features and canvas features to complete, such as this HTML5/CSS3 to achieve the Batman character animation using CSS3 animation features, HTML5 Canvas simulates the dress tearing animation using the HTML5 canvas feature. Today we are going to share a Jeep animation using HTML5/CSS3, which can be scrolled horizontally and very lifelike.

Online Demo Source Download

5. HTML5 Canvas Drawing tool to define brushes and canvases

HTML5 Canvas also has a more practical application, that is, the network artboard, so that we can directly on the Web page drawing operations. This HTML5 canvas drawing tool, which we share today, allows you to easily implement network drawing, and we can customize the brush's type, weight, color, and also the size and background color of the canvas. We can also extend this HTML5 drawing tool to improve its drawing capabilities.

Online Demo Source Download

6, HTML5/CSS3 3D text effect text Valgus effect

Before we shared a CSS3 3D text effects html5/css3 text projection effects, plus projections and gradients, the effect is very good. Today we will share a cool html5/css3 3D text effects, the effect of the text effects is the mouse over the text will appear 3D Valgus effect, very good text effects.

Online Demo Source Download

7. CSS3 wave-shaped menu combined with super brilliant background

We have shared many different CSS3 menus, which should be more powerful than traditional CSS menus. This time to share the CSS3 menu is a bit special, the overall shape of the menu is similar to the wave shape, the mouse over the menu item will also change the background color indicates that the menu item is activated. In addition the CSS3 menu combined with a good background image effect more shocking.

Online Demo Source Download

8, HTML5/CSS3 fashion disc clock animation with the current date

We can use HTML5 and CSS3 to achieve some of the clock animation effects, the effect is good. Today we are going to share a disc clock animation using HTML5 and CSS3, the clock looks very stylish. The more important feature is that the HTML5 clock animation also comes with the current date, which is a feature that many clocks do not have.

Online Demo Source Download

9. CSS3 with icon hint plugin multi-theme color

In the Web page, we operate the time-consuming operation, it is best to give the user a hint, this CSS3 plug-in implementation of this prompt function. The CSS3 hints feature has several different colors, and each one has a specified small chart. The user can click the Close button to close the prompt box and the CSS3 effect will appear fade out.

Online Demo Source Download

The above is 9 carefully selected HTML5 application, very good, welcome to the collection.