CSS3 in hover under the several effects code sharing, CSS3 in the mouse after the several effects collection

13   }

Effect Two: Enlarge to modify scale (enlarged value)      
01    * {
02        Transition:all 0.4s ease-in-out;
03       -webkit-transition:all 0.4s ease-in-out;
04       -moz-transition:all 0.4s ease-in-out;
05       -o-transition:all 0.4s ease-in-out;
06   }
07    *:hover {
08        Transform:scale (1.2);
09       -webkit-transform:scale (1.2);
10       -moz-transform:scale (1.2);
11       -o-transform:scale (1.2);
12       -ms-transform:scale (1.2);
13   }

Effect Three: rotate to enlarge modify rotate (rotation degree) scale (magnification value)      
01    * {
02         transition:all 0.4s ease-in-out;
03       -webkit-transition:all 0.4s ease-in-out;
04       -moz-transition:all 0.4s ease-in-out;
05       -o-transition:all 0.4s ease-in-out;
06   }

Effect Four: Move up or down to modify translate (x axis, y axis)      
01    * {
02         Transition:all 0.4s ease-in-out;
03       -webkit-transition:all 0.4s ease-in-out;
04       -moz-transition:all 0.4s ease-in-out;
05       -o-transition:all 0.4s ease-in-out;
06   }
07    *:hover {
08        transform:translate (0,-10px);
09       -webkit-transform:translate (0,-10px);
10       -moz-transform:translate (0,-10px);
11       -o-transform:translate (0,-10px);
12       -ms-transform:translate (0,-10px);
13   }

 

• This article: "CSS3 under the hover of several effects code sharing, CSS3 in the mouse through the several effects of the collection"
• Article Address: http://dongguan.seosrx.net/website/34.html reprint please indicate the source

CSS3 in hover under the several effects code sharing, CSS3 in the mouse after the several effects collection