剖析：
从图中我们不难发现，在我们鼠标移入时，下横线冲左边逐渐展现；当鼠标移除时，下横线从左边逐渐消退
即然我们知道了大概的实际效果，那么我们就得想着如何完成这样的效果了。
我是没有想出来，我就用F12检查了一下；如下图所示编码：
未移进款式：
移进款式（hover）：
代码分析
- 背景颜色渐变色及其方位（移进移除）
- 环境尺寸
- 过多时长
示列编码
表述：
- 大家在css中写span的样式时；background必须严禁铺满，然后就是靠右边（right）而且是底部；主要原因是认为收回去的时候要趋势是右边（right）；随后background-size需要把总宽设为0 高度在2（你要根据自己的必须设定）；最终要给background-size一个过多实际效果既能
- 随后hover事情的时候要将精准定位给到你左边（left）并将background-size总宽100%；那么就会依据过多时间显示进行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.title {
color: #333;
line-height: 2px;
}
.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;
}
</style>
</head>
<body>
<h2 class="title">
<span>
Migrating From MySQL to YugabyteDB Using YugabyteDB Voyager</span>
</h2>
</body>
</html>
之上就是现在的全部内容！你们可以拷贝之上编码，就可以呈现实际效果。
当做了之后发现，css真的是我的劣势；换句话说绝大多数人都不太关心css；终究面试时绝大多数企业都不太规定这一，进而咱们就忽视了一个语言表达；css真的我始终学不懂的表达啊
后边我就开一个音乐专辑，我遇到的css有关的一些东西
以往文章内容