In Web application, we often use jquery to achieve some simple animation effects, such as the menu drop down when the gradient effect, the image of the fade when sliding. Now we combine jquery and HTML5 to bring the HTML5/CSS3 powerful page rendering engine and jquery's easy-to-use framework together to make the front-end fascinating.
1. JQuery 360-degree picture rotation plugin Dopelessrotate
Dopelessrotate is a jquery-based image rotation plug-in, this image rotation plug-in is very powerful, it can not only display the progress bar when loading, and click on the right of the magnifying glass button to view the original large image, and can slide the mouse to roam the large map of every detail. is a very good jquery image rotation plugin.
Online Demo
SOURCE download
2, JQUERY/HTML5 Christmas animation snow flying effect
Today we share a Christmas animation effect based on jquery and HTML5, it should be said that this animation is mainly made by jquery, the middle of the use of some CSS3 and HTML5 related features, to complete the Christmas night Snow dancing animation effect. Although Christmas is early this year, you can keep this animation for the day and give it to someone you like.
Online Demo
SOURCE download
3, JQUERY/CSS3 large screen drop-down menu custom submenu content
This is a cool style jquery/css3 drop-down menu, first this CSS3 menu is widescreen, mainly drop-down menu is very atmospheric, more importantly, the content of the drop-down menu can be defined by itself, that is, the drop-down menu can define the menu, image and other HTML elements, is a very useful jquery/css3 drop-down menu plugin.
Online Demo
SOURCE download
4, jquery with thumbnail focus map plug-in custom slider content
Today we are going to share a jquery-based focus map plugin, this jquery focus graph feature is very powerful, has the following two features: first, the focus map with thumbnail preview, when the mouse over the corresponding picture button, you can pop up the thumbnail image, the second is the focus of the slider content of the map may be customized, can be a picture, It can also be any HTML element, so it's also very flexible. In addition, the switch animation of the focus graph also has a variety of, very cool.
Online Demo
SOURCE download
5, HTML5/CSS3 3D paper folding animation
Today we will share a very gorgeous html5/css3 3D animation effect, although it is rarely used in the project, but from the source we can learn a lot of HTML5 3D animation production knowledge. This is a paper folding animation effect, using HTML5 and CSS3 related features, we can fold a sheet of paper to form a cool 3D animation effect.
Online Demo
SOURCE download
6. Plain CSS3 Vertical menu item Slide animation
Today we are going to introduce a vertical animation menu based on CSS3, the CSS3 menu features a very special background for the menu item, and the background can slide with the mouse and the creative sliding animation. This CSS3 menu is a vertical style and is perfect for the sidebar menu of Web pages.
Online Demo
SOURCE download
7, HTML5 Picture text description Animation multiple picture description mode
This time we are going to share a picture effect based on HTML5, this HTML5 image effect is the ability to display a variety of text descriptions above the picture, when the mouse slide over the picture, you can display the picture text description. More important, this HTML5 image text description provides a variety of animation effects, when you slide the mouse over the picture will have a variety of text description effect.
Online Demo
SOURCE download
8. CSS3 Gesture Transform animation effect
This CSS3 animation is very special, it shows in front of us is a palm, the palm has a sliding button, click the button to toggle gestures, can now switch two different gestures. This CSS3 gesture transformation animation is quite cool, but also previously shared the HTML5 3D Palm animation, the effect is very good.
Online Demo
SOURCE download
9, CSS3 Multi-level pull the picture menu
This is also a CSS3-based drop-down menu, compared to the previous pure CSS3 black bubble Background Animation menu, this CSS3 menu is a multi-level dropdown. The background of the menu is very fresh, and when the mouse is over the parent menu, you can expand the submenu and accompany the menu to unfold with a nice animation effect.
Online Demo
SOURCE download
This article fixed link: http://www.i7758.com/archives/1645.html
Gorgeous html5/jquery animations and apps front-end essentials