8 powerful CSS3/HTML5 animation and application source

1. CSS3 jQuery UI Control slider plug-in

Today we're going to share a joystick plug-in that is based on the CSS3 and jquery UI, which is a custom CSS3 rendering based on the HTML5 slider element, so it looks more beautiful. In addition, the joystick plug-in is vertical and of course you can also set it to be placed horizontally.

Online Demo

SOURCE download

2, HTML5 version cut fruit game HTML5 game Acura

This is a Baidu JS group provided by the HTML5 version cut fruit game, remember to cut fruit game was very fire, today I found a web-based HTML5 implementation of cutting fruit game. Although compared with the original cut fruit game function is not perfect, but the HTML5 cut fruit game is also a vivid, the picture is very gorgeous.

Online Demo

SOURCE download

3, pure CSS3 Implementation of iOS 7 flat icon

To be honest, I didn't like the flat style of iOS 7 at first, and I felt that the icons for iOS 7 were rotten. But now I'm getting used to the iOS 7 icon, which is pretty fresh. Today we want to use pure CSS3 to achieve the iOS 7 flat icon, no use of pictures, pure CSS3 drawn, the project is a vast amount of points, but the similarity is still very high ha.

Online Demo

SOURCE download

4. Bootstrap-based CSS3 login form

This is a bootstrap-based CSS3 login form, and Bootstrap is an open source toolkit for front-end development launched by Twitter. This CSS3 login form uses bootstrap to achieve a beautiful form UI with a very good visual effect. In addition, the form's input box on the left side also has a charming small icon foil.

Online Demo

SOURCE download

5. HTML5 Mini music player 3D Flip play button

We shared a cool appearance of the HTML5 music player, this time to share the player relatively small mini, although the appearance of a player is not so exquisite, but the function is very complete. The HTML5 music player is characterized by a 3D flip play button. Of course, for the appearance of the HTML5 player, you can design your own definition.

Online Demo

SOURCE download

6, HTML5 player myth cassette classical player

This is a very classical style, but it is a very fashionable HTML5 player, said it is a classical player, is because this cassette-type HTML5 player is relatively old, said it is fashionable, because now the HTML5 player rarely has this style, very creative. If you want to give your personal main add a personalized player, then this HTML5 cassette classical player can choose, personally think this is the myth of HTML5 player, very classic.

Online Demo

SOURCE download

7. Html5/svg Linear chart can draw chart area color

The HTML5 chart application to be shared today is a linear chart, which is primarily SVG constructed, and this SVG linear chart can draw the data area of the chart in different colors.

Online Demo

SOURCE download

8. CSS3 Personalized Registration Form

This time we are going to share a personalized registration form based on CSS3, say it personalized, from these aspects can be seen, first, the registration form of the gender selection box is very special, is a slider application, followed by the input box, the use of CSS style input box only a horizontal slide, and finally, The registration form looks very fresh and natural from the overall look, and it's simple.

Online Demo

SOURCE download

This article fixed link: http://www.i7758.com/archives/1264.html

8 powerful CSS3/HTML5 animation and application source