Cool, practical jquery plugins that cover menus, buttons, pictures

Source: Internet
Author: User

The new week begins, today we want to share some of the new jquery plug-ins and HTML5/CSS3 applications, these jquery plug-ins are not only very cool, but also very practical, this time the share contains jquery menu, CSS3 button has a variety of image effects, come together to see it.

1, CSS3 book page Flip Animation book page effect lifelike

Today we are going to share a cool and practical CSS3 animation effect that simulates the flip of a book. When the mouse is over the upper right corner of the book, the book can be turned forward a page, and page-flipping animation is very realistic. Because of the use of CSS3, we do not need to use complex images to create realistic book effects, the book page can be very simple to complete. Before also have shared some HTML5 book page flip Animation: JQUERY/CSS3 book Flip animation effects and HTML5/CSS3 book Flip 3D animation.

Online Demo

SOURCE download

2. Pure CSS3 Black bubble background Animation menu

Today we are going to share a very cool CSS3 animation menu, this CSS3 menu has a very beautiful black bubble background, the menu is silvery white, and the black background intertwined with more three-dimensional visual effect. The use of CSS3 allows the menu to have rounded corners, which also changes the background when the mouse is over the menu.

Online Demo

SOURCE download

3. JQUERY/CSS3 Ribbon drop-down menu

Today we're going to introduce a jquery drop-down menu, which applies some CSS3-related properties, but it's not complicated or fancy animations, but it's very practical. Another feature of this jquery menu is that the menu is full of streamers and is very novel in style. You can expand the drop-down menu when the mouse is over the menu item.

Online Demo

SOURCE download

4, Pure CSS3 Implementation Sharing button contains popular social networking site buttons

Before we have introduced a lot of very useful sharing buttons, based on HTML5 and CSS3, but also based on jquery and CSS, the effect is very good. Today we're going to share a social sharing button that's pure CSS3 implementation, this pure CSS3 share button doesn't use a picture, and it includes a basic social networking site sharing button.

Online Demo

SOURCE download

5. CSS3 3D Paging navigation button

This is a 3D paging navigation button implemented with CSS3, like some of the previously shared jquery page plug-ins, this CSS3 3D page plug-in also has front and pagination page numbers and digital pages, the difference is that the paging plug-in page number is a 3D navigation buttons, the style is very novel, However, CSS3 support is required.

Online Demo

SOURCE download

6, CSS3 animation album picture Fade animation Effect

This is a CSS3-based animation album, such as the album We have previously shared a lot of, such as HTML5 3D stereoscopic photo album. It's very gorgeous. Today's CSS3 album is relatively practical, when the mouse over the thumbnail, the original image will be faded out of the animated effect show, you can apply it to their own website.

Online Demo

SOURCE download

7, imitation QQ Space album image browse jquery Plugin

Today we are going to share a jquery-based album image browsing plug-in, it is a copy of the QQ space album browse components, click the thumbnail to pop up the image browser window, this jquery album image browsing plug-in features are: 1, support the key to switch pictures; 2 Support ESC key to exit the album browsing mode, 3, can pass the custom text description. The downside is that no animations are applied, so the experience of picture browsing is not very high, but you can do this by using jquery animations or CSS3.

Online Demo

SOURCE download

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

Cool, practical jquery plugins that cover menus, buttons, pictures

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.