css 实现鼠标移上去标题向右滑动的效果

.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>