CSS可以用來設置鼠標旋轉效果,讓頁面更加生動有趣。下面我們來看一下如何實現。
cursor: move; transition: transform 0.2s ease;
以上代碼可以讓鼠標變成“move”樣式,并且設置一個0.2秒的過渡動畫效果。
&:hover { transform: rotate(360deg); }
這段代碼是CSS中的偽類選擇器,“:hover”表示鼠標懸停在元素上時的狀態。將它與“transform”屬性結合使用,可以實現鼠標旋轉的效果。
完整的CSS代碼如下:
.rotate { cursor: move; transition: transform 0.2s ease; &:hover { transform: rotate(360deg); } }
以上代碼可以應用于任意元素,只需將該樣式類“rotate”添加到相關元素即可。
下一篇css怎么調文字顏色