網頁佈局------導航欄下標縮放顯示

實現迅雷導航欄下班縮放顯示效果https://www.xunlei.com/

.nav-bar li::after{
　　position:abaolute;
　　bottom:0;
　　left:0;
　　content:"";
　　width:100%;
　　height:2px;
　　background-color:black;
　　transform:scaleX(0);
　　tansition:all .4s ease;
}
.nav-bar li:nth-child(1)::after{
　　transfoorm:scaleX(1);
}
.nav-bar li:hover::after{
　　transform:scaleX(1);
}