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