Several Effects of CSS3 on hover and css3hover

Several Effects of CSS3 on hover and css3hover

Share several effects codes of CSS3 under hover, and several effects of CSS3 when the mouse passes

}

Effect 2: zoom in and modify the scale (zoom in value)
*{
Transition: All 0.4 s bytes-in-out;
-Webkit-transition: All 0.4 s bytes-in-out;
-Moz-transition: All 0.4 s bytes-in-out;
-O-transition: All 0.4 s bytes-in-out;
}
*: Hover {
Transform: scale (1, 1.2 );
-Webkit-transform: scale (1.2 );
-Moz-transform: Scaling (1.2 );
-O-transform: scale (1, 1.2 );
-Ms-transform: scale (1, 1.2 );
}

Effect 3: rotate and zoom in to modify the rotate (rotation degree) scale (magnification value)

*{
Transition: All 0.4 s bytes-in-out;
-Webkit-transition: All 0.4 s bytes-in-out;
-Moz-transition: All 0.4 s bytes-in-out;
-O-transition: All 0.4 s bytes-in-out;
}

}

Effect 4: Move up, down, and left to modify the translate (X axis, Y axis)

*{
Transition: All 0.4 s bytes-in-out;
-Webkit-transition: All 0.4 s bytes-in-out;
-Moz-transition: All 0.4 s bytes-in-out;
-O-transition: All 0.4 s bytes-in-out;
}
*: Hover {
Transform: translate (0,-10px );
-Webkit-transform: translate (0,-10px );
-Moz-transform: translate (0,-10px );
-O-transform: translate (0,-10px );
-Ms-transform: translate (0,-10px );
}