如图所示:
可用方法:
javascript```
li>a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #0052d9;
transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
li>a:hover:after {
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}