1. Super Cool 30 jquery button Hover animations
Button plug-ins are one of the most common jquery plugins, because they are versatile and most convenient to configure. What we're going to share today is 30 awesome jquery hover button animations, and when we move the mouse over the button, the background of the button plays a different animation effect. This jquery button plugin is also very simple to use, assign a class to the button, and then initialize it with a line of JS code.
Online Demo
SOURCE download
2.HTML5 Canvas Water Ripple animation effect
The canvas features of HTML5 are very practical, and not only can we draw a variety of graphics on canvas canvas, but we can also create brilliant animations, such as the water Ripple animation effect introduced this time. We've also shared a HTML5 WebGL-based rippling animation that's amazing, and this shared HTML5 canvas water-ripple animation is also very impressive.
Online Demo
SOURCE download
3. Ultra-brilliant CSS3 multi-color light-emitting cube rotation animation
We have previously shared several nice CSS3 cube animations, such as this HTML5 3D cube rotation animation and HTML5 3D cube picture Toggle animation. What we're sharing today is a 3D cube rotation animation based on CSS3, and the difference is that each face of the cube has a different color, and it has a brilliant glow effect.
Online Demo
SOURCE download
4.JavaScript calendar with Lunar, time and Zodiac functions
We've previously shared a jquery-based perpetual calendar plugin that is very powerful. Today we're going to share another JS calendar app that also supports lunar and Zodiac features, while also supporting the display of the current time. And this calendar plugin can quickly select the year and month fast location date, the operation is very convenient.
Online Demo
SOURCE download
5.HTML5 Canvas jellyfish Swimming animation effects
This is a very cool HTML5 animation effect, it is a swimming jellyfish, we use HTML5 canvas technology to draw a pixel combination of jellyfish, and the use of JavaScript simulation of the jellyfish swimming animation effects, looks very lifelike.
Online Demo
SOURCE download
6. Super Cool jquery reel unfold animation
Today we want to share a very good jquery animation, it is a scroll to expand the animation effect, like a landscape painting unfolds, very beautiful. It splits a full reel into multiple div, and then uses the jquery animate event to form a full reel-open animation with different time delays.
Online Demo
SOURCE download
7. Pure CSS3 Circle Menu animation expands level two sub-menu
Web Page menu is one of the most important parts of the site, before we shared a lot of different forms of JQUERY/CSS3 menu, there is a cool css3/jquery creative box Animation menu, there are practical CSS3 multi-level pull-down menu elastic expansion under the draw. Today to share a creative CSS3 ring menu, when we move the mouse over the menu item, that is, you can expand the form of a circular two sub-menu, the effect is very good.
Online Demo
SOURCE download
8. Pure CSS3 Red heart beat animation
Before we shared some love animation based on pure CSS3, the coolest non-romantic programmer HTML5 Love confession animation This mo genus, in addition to this HTML5 3D love animation is also very good. Today to bring you a pure CSS3 red love beat animation, the shape of love is the use of pure CSS3 drawn out, combined with CSS3 animation properties to achieve the animation effect of the beat.
Online Demo
SOURCE download
- This article fixed link: http://www.i7758.com/archives/2658.html
8 Web front-end animation effects based on jquery