鼠标触碰出现横条渐渐向右延伸的css，原理把这段css居左，然后宽度为0，设置一定的高度，设置过度时间，还有颜色；然后开始写伪态[:hover]，写入宽度，设置过度时间即可，下面是css代码和效果展示。
css
position: absolute; width: 0; height: 5px; background-color: rgb(88 183 255); transition: all .2s; -webkit-transition: all .2s; pointer-events: none; left: 0;
css伪态
width: 100%; opacity: 1; z-index: 1000;
