CSS3实现文字移动

（1.jQuery;

2.Div块添加a标签，然后为a标签添加hover特性；

3.CSS，可以达到鼠标悬停时文向右移动10个像素的效果。但是这种效果是直接过去的，中间没有过度特效。

a:hover {

padding-left:10px;

}

使用 CSS3.0 的新特性，将下面的代码添加到 a 标签中，就可以直接实现鼠标划过平滑移动特效了。

a {

-webkit-transition:all0.4s linear;

-moz-transition:all0.4s linear;

-ms-transition:all0.4s linear;

-o-transition:all0.4s linear;

transition:all0.4s linear;

}