使用 CSS : 伪元素:after、过渡动画transition实现过渡效果(鼠标悬浮或点击 标签时,底部边框从左到右过渡)
首先,给标签添加一个父元素,定义属性类名:nav-wrapper,父级设置相对定位。然后,使用::after伪元素来创建一个与底部边框相同宽度的元素,初始时宽度为0,通过过渡动画transition逐渐增加宽度,从而实现从左到右的过渡效果。 公司产品.nav-wrapper{position:relative;}.nav::after{content:"";position:absolute;