.title { transition: margin 0.5s ease-out; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -khtml-transition: margin 0.5s ease-out; }
.title:hover{
margin-left: 20px;
}
<p class='title'>这是鼠标移上去向右滑动的标题</p>
.title { transition: margin 0.5s ease-out; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -khtml-transition: margin 0.5s ease-out; }
.title:hover{
margin-left: 20px;
}
<p class='title'>这是鼠标移上去向右滑动的标题</p>