/* 变换时过渡的属性 */
* {
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
}
/* 180°旋转 */
*:hover {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
/* 放大 */
*: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);
}
/* 移动 */
*: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);
}
/* 旋转并且放大 */
*:hover {
transform:rotate(180deg) scale(1.2);
-webkit-transform:rotate(180deg) scale(1.2);
-moz-transform:rotate(180deg) scale(1.2);
-o-transform:rotate(180deg) scale(1.2);
-ms-transform:rotate(180deg) scale(1.2);
}
转载于:https://my.oschina.net/jack088/blog/505033