Rotation:
*{Transition:all0.4s ease-inch- out; -webkit-transition:all0.4s ease-inch- out; -moz-transition:all0.4s ease-inch- out; -o-transition:all0.4s ease-inch- out;}*: hover {transform:rotate (360deg); -webkit-transform:rotate (360DEG); -moz-transform:rotate (360DEG); -o-transform:rotate (360DEG); -ms-transform:rotate (360deg);}
Enlarge:
*{Transition:all0.4s ease-inch- out; -webkit-transition:all0.4s ease-inch- out; -moz-transition:all0.4s ease-inch- out; -o-transition:all0.4s ease-inch- out;}*: hover {transform:scale (1.2); -webkit-transform:scale (1.2); -moz-transform:scale (1.2); -o-transform:scale (1.2); -ms-transform:scale (1.2);}
Enlarge Rotation
*{Transition:all0.4s ease-inch- out; -webkit-transition:all0.4s ease-inch- out; -moz-transition:all0.4s ease-inch- out; -o-transition:all0.4s ease-inch- out;}*: hover {transform:rotate (360deg) scale (1.2); -webkit-transform:rotate (360deg) scale (1.2); -moz-transform:rotate (360deg) scale (1.2); -o-transform:rotate (360deg) scale (1.2); -ms-transform:rotate (360deg) scale (1.2);}
move up or down:
*{Transition:all0.4s ease-inch- out; -webkit-transition:all0.4s ease-inch- out; -moz-transition:all0.4s ease-inch- out; -o-transition:all0.4s ease-inch- 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);}
4 CSS3 Effects (360 degree rotation, rotation, magnification, movement)