Awesome jQuery and CSS3 application plug-ins

Awesome jQuery and CSS3 application plug-ins

The new week is about to begin. In the two days of the weekend, we have made sufficient preparations for the jQuery plug-in and HTML5/CSS3 applications shared this week. Today, we have collected 8 jQuery/CSS3 application plug-ins that are cool-experienced and packaged their source code to share them with you. If you like them, please share them with us.

1. jQuery/CSS3 implement Android Dock menu Effects

This is an Android Dock menu Effect Based on jQuery and CSS3. click the button at the bottom to let the app icon floating up, and the button also shows a 3D flip effect. JQuery is a javascript class library that is widely used. Many front-end developers prefer jQuery framework.

Download demo source code online

2. CSS3 color progress bar displays different colors by percentage

This is a very good CSS3 progress bar application. This CSS3 progress bar is different from the ordinary one. It can display the color of the current progress based on different percentages, much like the character life value in the game, as the progress increases, the color of the progress bar changes. For more information about the CSS3 progress bar, see the CSS3 progress bar.

Download demo source code online

3. jQuery 360-degree rotation plugin

This is a jQuery image plug-in. When we drag an image with the mouse, the image can be rotated horizontally. We can see the cubes in the image from different perspectives. In addition, using jQuery, we can find that when the image is dragged and rotated, different angles of the image may change with different light, which makes the entire animation appear very three-dimensional.

Download demo source code online

4. login form of CSS3 Custom button

Today, we will share a CSS3 login form, which is simple and practical. You can customize the login button. The color of the entire logon form is fresh, and the border of the form uses the CSS3 attribute to have a faint shadow, which makes the CSS3 logon form simple and elegant, in addition, the input box of the login form is also customized and pretty.

Download demo source code online

5. jQuery product image slide display Animation

When we need to display images on e-commerce websites, it is convenient to use the jQuery product image display plug-in, the jQuery image slide display animation shared today is a good solution to the product image display effect. With this plug-in, we can group product images, and then switch between each group to display.

Download demo source code online

6. CSS3 custom Radiobox style switch button Effect

Today we will share a custom Radiobox style based on CSS3, which is implemented by defining the label style. This CSS3 Radiobox style switch button can help you achieve the special effect of click switching, you can also use it to replace the old and ugly Radiobox control, the effect is very good CSS3 applications.

Download demo source code online

7. Pure CSS3 personalized round button login form

I have just shared a personalized login form CSS3 Custom button login form implemented by CSS3, which is very fresh and natural. This time we will share a login form implemented in pure CSS3. the login button of this login form is circular and has a lot of personality. The entire button implementation is also implemented in CSS3, a very interesting login form.

Download demo source code online

8. nodes can be dynamically added to the HTML5 Canvas animated line chart.

Today we are going to share a line chart based on HTML5 Canvas. This line chart features two features, one of which is animated, that is, when the chart is initialized, it has animation effects. The second is the HTML5 line chart, which allows you to dynamically add data nodes and smoothly connect them with broken lines, canvas is a Canvas of this line chart.

Download demo source code online

The above are 8 brilliant jQuery and CSS3 application plug-ins. You are welcome to share them with others.

Link: http://www.html5tricks.com/cool-jquery-css3-app-plugin.html

Author: html5tricks-Superman