css动画效果:当鼠标向上移动时,下划线将从中心向周边设置动画。
. top-nava : after { content : ' }; 定位:助手; z-index: 2; bottom: 0; left: 50%; 显示:块; width: 165px; height: 1px; transform:translate(-50%; }.top-nava : hover : after { height :2 px; animation : ad _ width.5 slinearforwards; background: #ff8a00; } @ key frame sad _ width { from { width : } to { width 3360165 px }