怎样实现鼠标移上去显示出下拉框,旁边的小箭头会旋转一个方向

2025-05-30 06:24:54
推荐回答(1个)
回答1:




    
    
    
        *{margin: 0; padding: 0;}
        div{width: 50px; height: 40px; background-color: #ccc;}
        div span{display: inline-block; border: 5px solid transparent; border-bottom-color: red; transform-origin: bottom;}
        div:hover span{transform: rotate(180deg);}
    




划到上面的时候让里面代表尖头的子元素旋转180度就可以了,用transform:rotate即可