8 awesome jQuery/CSS3 application plug-ins, jquerycss3

Source: Internet
Author: User

8 awesome jQuery/CSS3 application plug-ins, jquerycss3
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.

Online Demo

Source code download

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.

Online Demo

Source code download

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.

Online Demo

Source code download

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.

Online Demo

Source code download

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.

Online Demo

Source code download

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.

Online Demo

Source code download

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.

Online Demo

Source code download

8, HTML5. You can dynamically add nodes to the Canvas animated line chart.

Today we are going to shareHTML5 Canvas line chart, thisHTMLThere are two characteristics of a 5-line chart. One is that the chart has an animation effect, that is, the animation effect is carried during the chart initialization; the other isHTMLA 5-line chart allows you to dynamically add data nodes and smoothly connect them with a line chart. Canvas is a drawing board of this line chart.

Online Demo

Source code download

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

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.