css3转动动画

在这个例子中鼠标经过是文字它旋转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.gomoth.com

标签: ,