2014 HTML5/CSS3 hot Animated effects Top10_jquery

Simulated real-run animation effect by 1.HTML5+CSS3

Today to share a cool simulation of real run animation, it is mainly the use of HTML5/CSS3 technology combined with many pictures of the switch to achieve. The reality of this HTML5 animation is that characters are very rhythmic when they run and have projections of characters. What's more, when people are running closer and nearer, the size of the characters will become larger. It's like a little boy running from afar.

Online Demo

SOURCE download

2.jQuery implementation of the four support for different custom picture switching focus of the plug-in effect

jquery implementation of the four support for different custom picture switching focus Map Plug-ins special effects source code, is a l_slide.js to achieve a custom picture switching focus on the animation effect codes, this section of the code contains four focus chart switching effect.

Online Demo

SOURCE download

3.HTML5 implementation of the super cool brush drawing animation effect

Today we want to share a cool HTML5 brush animation, we can choose a different brush shape, a total of 5 different shapes for everyone to choose from, brush on the canvas when moving will play a very gorgeous animation effect. and the color of the animation will also gradually fade over time.

Online Demo

SOURCE download

4.JS realization of the original ecological Focus map wheel broadcast with left and right button animation

JS realization of the original eco-focus map carousel with left and right button animation effect source code, is a very suitable for any Web page in the use of the focus map Carousel code, which consists of the original eco-JS, not only with the right and left click button, at the same time in the picture below can also click the point to choose to watch the picture.

Online Demo

SOURCE download

5.jquery albums list mouse over flop display text animation

jquery implementation of the album List mouse over the flop display text animation effect source code, is a period of time can be implemented when the mouse hovering over the hover picture, picture flop animation display text of the special effects.

Online Demo

SOURCE download

6.DIV+CSS implementation of the album List mouse through the bottom pop-up text description dynamic

DIV+CSS implementation of the album List mouse through the bottom of the pop-up text description of dynamic effects source code, is a piece of relying on the implementation of pure DIV+CSS codes, this code is implemented, the mouse hover picture, the picture shrinks and in the picture below pop-up related text description.

Online Demo

SOURCE download

7.jquery implemented banner full screen with thumbnails and left-right arrow toggle Focus diagram

jquery implementation of the banner full screen with thumbnails and left and right arrow toggle Focus Map Effect Source code, is a full screen with thumbnails and left-and-arrow switch function of the focus map, need this code friends can come to download the use.

Online Demo

SOURCE download

8. Use canvas to draw the super dazzle clock

HTML5 Canvas is equivalent to an artboard, you can draw anything in canvas, today to share a use of HTML5 canvas draw the stunning clock method and code, very beautiful, here recommend to everyone

Online Demo

SOURCE download

9.CSS3 implementation of 3D side-lying menu effects

Today we are to share a CSS3 implementation of the 3D menu effects, this 3D menu features is it lying on the page, expand the submenu also has a beautiful animation, and the submenu also presents 3D effect, you can download the menu of the source study.

Online Demo

SOURCE download

10.ANIMATE.CSS has a variety of text effects CSS3 Animation Library

ANIMATE.CSS has a variety of text effects CSS3 Animation Library effect source code, is a section with dozens of text effects CSS3 Animation library, where we can select the text to load the animation effects.

Online Demo

SOURCE download