效果說明：鼠標放在 div 上，div 旋轉(zhuǎn)變大以及顏色變化，并且顯示出文字。
效果圖如下：
一．實現(xiàn)步驟建議：
1、頁面創(chuàng)建：設(shè)置 div 居中，固定寬高，灰色背景。并且加入文字“您好”，將文字顏色設(shè)為和div背景色一樣，達到一開始看不到文字的效果。
2、初始狀態(tài)的div放大倍數(shù)為 1，旋轉(zhuǎn)角度為 0deg，并且設(shè)置動畫時間為 1s。
3、給div添加鼠標移上去的樣式，即背景顏色變?yōu)榧t色，文字變?yōu)楹谏Ｍ瑫r設(shè)置旋轉(zhuǎn)角度為 720deg 和放大倍數(shù)為 2。
注意：
文字一開始設(shè)備和背景色一樣，鼠標移動到 div 才將文字顏色改變能達到文字由隱藏到顯示的效果。rotate 和 scale 屬性可以在 transform 一次性同時設(shè)置的，所以不需要換多行設(shè)置。注意兼容寫法。
參考代碼如下：
.mainDiv:hover{
color:#000;
background:red;
-webkit-transform:rotate(720deg) scale(2);
-moz-transform:rotate(720deg) scale(2);
transform:rotate(720deg) scale(2);
}
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報