1, Pure CSS3 beautification checkbox and Radiobox button appearance is very fashionable
With CSS3 we can create very personalized user forms, and today we use CSS3 to beautify the checkbox and Radiobox radio boxes. CSS3 the principle of beautifying checkboxes and Radiobox is simple, create a new checkbox and Radiobox on the page and give them the default label label display text, then hide the checkbox and Radiobox, Then use CSS3 to beautify the label tag so that we customize the checkbox and the Radiobox, which looks very stylish.
Online Demo
SOURCE download
2, CSS3 Multi-level pull-down menu elastic expansion under the draw
The page menu made with CSS3 is very beautiful and has a certain animation effect. The CSS3 Multi-level drop-down menu that you share today can easily configure the number of levels in a menu, and each menu item has its own small icon, which is very fresh and beautiful. The CSS3 drop-down menu is a very cool drop-down menu that has an animated animation effect that expands when you expand the Sub-menu.
Online Demo
SOURCE download
3, HTML5 leaves falling animation HTML5 Animation Classic
Today to share a HTML5 leaves falling animation, this HTML5 leaves falling animation is based on the WebKit kernel, so need to webkit the kernel browser to play the animation, the effect is really cool.
Online Demo
SOURCE download
4. jquery shutter focus diagram Cool Toggle Animation
Starting today, in addition to sharing HTML5/CSS3 application examples and HTML5 tutorials, I would also like to share some useful jquery plugins for you. The first jquery plugin to share today is the jquery shutter focus, which is a very cool shutter effect in the jquery spotlight, which can be toggled sideways or vertically.
Online Demo
SOURCE download
5, HTML5 picture combination classification effect picture classified weapon
HTML5 is handy for dealing with some simple animations, such as moving, fading, and so on. Today, this HTML5 picture Combo Special effect applies the HTML5 mobile effects, when the user selects a picture category, the related categories of pictures will be moved to this category, and with the fade in motion animation, is a cool effect of HTML5 image processing applications.
Online Demo
SOURCE download
6. HTML5 Step Registration Form HTML5 Form Classic
form in the Web application is very important, today I want to share a HMLT5 based on the Step registration form, the form looks more gorgeous, click the Next button to jump to the next step to fill in the registration information. The HTML5 form uses a lot of CSS3 properties, which makes it a good HTML5 form to have a flexible animation when the form is switched.
Online Demo
SOURCE download
7, pure CSS3 round bread crumbs menu has expanded animation
Today we are going to introduce a CSS3 round breadcrumbs menu, the menu item of the CSS3 menu is rounded by default, and when the mouse hovers over the menu item, it expands and accompanies the animation. Let's take a look at the round breadcrumbs menu that this pure CSS3 implements.
Online Demo
SOURCE download
8, CSS3 3D progress bar Animation Progress loading
Progress bar in web design has a wide range of applications, it can not only make the Web page appearance is beautiful, and can prompt the user operation is in progress, improve the user experience. Today to share this CSS3 progress bar, not only the appearance of 3D three-dimensional, but also in the progress of loading in the display of ultra-dazzling animation effect. Let's take a look at this CSS3 3D progress bar.
Online Demo
SOURCE download
9, HTML5 3D album browsing thrilling
It's really cool to use HTML5 technology to do all kinds of picture animations. Today we will look at a HTML5 3D album browsing application, the picture can be manually played, but also can be automatically played, the effect is very shocking, hurriedly the HTML5 3D album to share to your friends.
Online Demo
SOURCE download
10. CSS3 SVG progress bar Loading animation Cool Glow Effect
Before we have introduced two CSS3 3D progress bar plug-in, CSS3 3D progress bar button 18 beautiful style, CSS3 3D progress bar Super-animated animation, I believe everyone likes it. Today I'm going to share a CSS3 SVG animation progress bar app, the progress bar will appear in the progress load flash cool effects, unfortunately, the need for a higher version of the HTML5 browser to support the illuminated animation.
Online Demo
SOURCE download
This article fixed link: http://www.i7758.com/archives/1306.html
Share 10 powerful HTML5/CSS3 application plugins