Today's Web pages have become more and more high-end and easy to operate, jquery, a large number of applications, so that Web developers more easily control the front-end page controls, the introduction of HTML5 also makes the elements of the site page lively vitality. This article is mainly to share some html5/jquery animation plug-in that can make the page more compelling, as a design reference. 1, HTML5 canvas implementation Can Dance time animation this HTML5 animation is very interesting, first of all its prototype is a clock, but the use of canvas technology, so that the clock does not walk a second will produce the ball scattered animation effects, very cool. Online demo source Download 2, CSS3 3D folding Flip Text animation This CSS3 text effect is also more interesting, as long as the mouse slide over the text, will produce 3D folding effect. Online demo source Download 3, HTML5 Fireball Baffle Collision Animation Game This is a HTML5 small game, using the bezel to keep the ball bouncing inside the browser, using the physics of the reflection principle, in this example with HTML5 realized. Online demo Source download 4, JQUERY/CSS3 picture rollover effect can be horizontal
1. Recommended 5 articles for design reference
Summary: Today's Web page has become more and more high-end and easy to operate, jquery, a large number of applications, so that Web developers more easily control the front-end page controls, the introduction of HTML5 also makes the elements of the site page lively and vibrant. This article is mainly to share some html5/jquery animation plug-in that can make the page more compelling, as a design reference. 1, HTML5 canvas implementation Can Dance time animation this HTML5 animation is very interesting, first of all its prototype is a clock, but the use of canvas technology, so that the clock does not go ...
2. Use pure CSS3 to implement time axis switch Focus Graph instance code
Introduction: This is based on jquery and CSS3 Focus Graph animation Plug-in, plug-in is very mini, function is relatively simple, it is characterized by a picture switch button like a timeline, click on the timeline of the circle to switch to the corresponding picture. Click the toggle button, the button will appear fade fade glow effect, the picture switching process of the entire picture transition is very soft, and the picture description is also animated to display in the picture, is a very good CSS3 picture switch component. Online demo source Download html code: <div id= ' gal ' > <nav class.
3. Introduction to several compelling Html5/jquery animation plugin details
Summary: Today's Web page has become more and more high-end and easy to operate, jquery, a large number of applications, so that Web developers more easily control the front-end page controls, the introduction of HTML5 also makes the elements of the site page lively and vibrant. This article is mainly to share some html5/jquery animation plug-in that can make the page more compelling, as a design reference. 1, HTML5 canvas implementation Can Dance time animation this HTML5 animation is very interesting, first of all its prototype is a clock, but the use of canvas technology, so that the clock does not walk a second will produce a ball scattered animation effects, non-.
4. AE 3D Animation plugin Kit Trapcode Suite 12.1 (serial number included)
Introduction: Many domestic and foreign film and television works have used adobe after effect to produce a variety of title animation, mainly based on the powerful features of AE itself and its plug-in extensibility. The red giant Home's AE plug-in series of 3D animation plug-in Trapcode Suite 12.1 is also the ultra-powerful extension of AE suite, through which you can achieve more results. Trapcode Suite 12.1
5. Pure JavaScript Chart Animation plugin Highcharts Examples_jquery
Description: The official free download package and detailed documentation are very well worth collecting.
6. jquery to add to the shopping cart fly into the animation effect _jquery
Summary: When you browse your favorite items on the e-commerce shopping site, you can click on the "Add To Cart" button on the page to add items to your shopping cart. This article describes the effect of using a jquery-based animation plugin to add a product to the right side of the shopping cart when you click the Join Cart button.
7. jquery+php to achieve scrolling digital effects _jquery
Introduction: This article will be combined with examples using the jquery background animation plug-in, the number as a background image, timed to let the background picture roll up, so as to achieve the effect of scrolling numbers, interested in the small partners can refer to
8. jquery implements a focus graph animation plugin with horizontal sliders _jquery
Introduction: This is a very useful jquery Focus Diagram Animation plug-in, unlike other jquery focus graph plug-in, it has a horizontal slider, you can use the sliding slider to achieve the image switch, you can also click on the image to switch
"Related question and answer recommendation":
JavaScript-Ask about a set of sequence frame pictures AutoPlay animation plugin
JavaScript-Animations about Html5zoo.js
Transition animation of Angular.js-angularjs Ui-router