在这个例子中鼠标经过是文字它旋转7度的动画效果。请用支持css3浏览器观看
.my_class {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.my_class:hover {
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
}
看本文的例子
Mouse over this example paragraph to see it rotate 7degrees using a transform transition.
» 转载请注明来源：网络蛀虫小窝 » 《css3转动动画》» 本文链接地址：http://www.onbno.com/web/2880.html» 本站地址：http://www.onbno.com