实现菜单底部线条沿着 X 轴的值缩放转换scaleX

2024-09-05 18:17:05

效果：

代码：

a{padding: 10px 10px; position: relative;}

a:before{content: ''; width: 100%; height: 3px; background-color: #f00; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute;

    bottom: 0px; left: 0px;}

a:hover{color: #0000d0;}

a:hover:before{transform: scaleX(1); -webkit-transform: scaleX(1);}

最新文章

热门文章