鼠標移動到div塊時，用CSS實現旋轉

實現代碼：

<body>  
    <div>
        
    </div>
    
</body>

<style>
    div {
            width:200px;
            height:200px;
            background-color:pink;
            margin:100px auto;
            transition:all 0.4s;
    }

    div:hover{
        transform:rotate(360deg);
    }
    
</style>

CSS代碼中，設置2D轉換---旋轉（旋轉度數），同時為了讓用戶看到旋轉效果，需要設置過渡時間，因人而異。

效果（運行時即可看到）：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 css動畫無限旋轉 Css_制作旋轉字體 3D旋轉相冊（純css） css animation讓圖標不斷旋轉 css動畫之旋轉翻牌效果 css3動畫之圖片旋轉 CSS3動畫（360度旋轉、旋轉放大、放大、移動）純CSS實現立方體旋轉 CSS3 實現3D旋轉木馬 html5+css3圖片旋轉特效