//你不是要向右平移嘛，那就让它与左侧边框（层）拉开间距就好了。
"推荐你个系列的教程吧--《Buid New World》第十一集：使用 CSS 增加过渡和其他效果 平移translate，将元素平行移动，参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。旋转，rotate允许你通过传一个角度值来旋转一个元素。
如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。
倾斜，skew可以将一个对象围绕着x和y轴按照一定的角度倾斜，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。
"
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.jt {
position: relative
height: 30px
}
.jt span {
-webkit-transition: all .5s ease
transition: all .5s ease
position: absolute
left: 0
}
.jt:hover span {
left: 50px
}
</style>
</head>
<body>
<div class="jt"><span>-></span></div>
</body>
</html>
