css 鼠标滑动 有下划线 拿走下划线消失

<h2 class="title">            <span>春江水暖鸭先知</span>        </h2>

.title span{        background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom;        background-size: 0 2px;        transition: background-size 1300ms;    }    .title span:hover{        background-position-x: left;        background-size: 100% 2px;    }