/* 变换时过渡的属性 */ * { 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); }
时间: 2024-10-05 08:12:05