Css3 album image 3D Rotation display effect, css3 album 3d effect

Css3 album image 3D Rotation display effect, css3 album 3d effect

View effects: http://hovertree.com/texiao/css/14/

In this tutorial, animation is implemented using the animation of css3.

Definition and usage
The animation attribute is short for setting six animation attributes:
Animation-name
Animation-duration
Animation-timing-function
Animation-delay
Animation-iteration-count
Animation-direction
Note: always specify the animation-duration Attribute. Otherwise, the animation will not be played if the duration is 0.

Default Value: none 0 defaults 0 1 normal
Inheritance: no
Version: CSS3
JavaScript Syntax: object. style. animation = "movehovertree 5S infinite"


Syntax
Animation: name duration timing-function delay iteration-count direction;

Animation-name specifies the keyframe name to be bound to the selector ..
Animation-duration specifies the time taken to complete an animation, in seconds or milliseconds.
Animation-timing-function specifies the animation speed curve.
Animation-delay specifies the latency before the animation starts.
Animation-iteration-count specifies the number of times the animation should be played.
Animation-direction specifies whether an animation should be played in turn in reverse playback.

Example: http://hovertree.com/texiao/css/14/1.htm

 

The image rotation code is as follows:

<! Doctype html> 
More: http://www.cnblogs.com/jihua/p/webfront.html