The cool and practical jQuery plug-ins cover menus, buttons, images, and cool jquery
The new week begins. Today we will share some brand new jQuery plug-ins and HTML5/CSS3 applications. These jQuery plug-ins are not only cool but also practical, this sharing includes jQuery menus and CSS3 buttons, which are already used for various image effects. Let's take a look.
1. CSS3 book flip animation book flip Effect
Today, we will share a cool and practical CSS3 animation effect, which is an animation effect for simulating book pages. When you move the mouse over the upper right corner of a book, the book will be able to flip one page forward, and the page turning animation is very realistic. Due to the use of CSS3, we do not need to use complex images to create realistic book effects, so it is easy to flip books. I have also shared some HTML5 book flip animations: jQuery/CSS3 book flip animation effects and HTML5/CSS3 book flip 3D animations.
Online Demo
Source code 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, and the menu is silver-white, it is intertwined with a black background and has a 3D visual effect. The use of CSS3 gives the menu a rounded corner effect, and the background is changed when the mouse slides over the menu.
Online Demo
Source code download
3. jQuery/CSS3 floating drop-down menu
Today, we will introduce a jQuery drop-down menu. This jQuery drop-down menu applies some CSS 3-related attributes, but it is not complicated and has no beautiful animations, but it is very practical. Another feature of this jQuery menu is that the overall menu is float and the style is very novel. When you move the mouse over the menu item, you can expand the drop-down menu.
Online Demo
Source code download
4. Shared buttons for pure CSS3 include common social networking website buttons
We have introduced a lot of very useful sharing buttons, including HTML5 and CSS3 based, jQuery and CSS based, which have very good results. Today, we will share a social sharing button implemented by pure CSS3, which does not use images and contains basic sharing buttons for common social websites.
Online Demo
Source code download
5. CSS3 3D paging navigation buttons
This is a 3D paging navigation button implemented by CSS3. Like some jQuery paging plug-ins previously shared, this CSS3 3D paging plug-in also provides pre-And page numbers and numbers pages, the difference is that the page pages of this paging plug-in are 3D navigation buttons. The style is very novel, but CSS 3 is required.
Online Demo
Source code download
6. CSS3 animated album image fade-in and fade-out animation effect
This is an animated album Based on CSS3. We have shared many such albums before, such as HTML5 3D image albums. Very gorgeous. Today's CSS3 album is relatively practical. When you hover the mouse over the thumbnail, the original image will be displayed with a fade-in animation effect. You can apply it to your website.
Online Demo
Source code download
7. Copying QQ space photo album Image Browsing jQuery plug-in
Today, we will share a jQuery-based album Image Browsing plug-in. It is a photo album browsing component that imitates the QQ space. Click the thumbnail to bring up the Image Browsing window, this jQuery photo album Image Browsing plug-in features: 1. Supports switching between the left and right keys; 2. Supports the ESC key to exit the album browsing mode; 3. allows you to input custom text descriptions. The disadvantage is that no animation is applied, so that the image browsing experience is not very high, but you can use jQuery animation or CSS3.
Online Demo
Source code download
Fixed Link: http://www.i7758.com/archives/1647.html