怎么實現鼠標放在div上旋轉變大的效果
新建一個html文件，定名為test.html，用于實現鼠標放在div上扭轉變大的結果。
在test.html頁面，建立一個div元素，用于下面步調改變其CSS樣式，實現扭轉放大的結果。
利用CSS界說div元素的原始樣式，界說其寬度為100px，高度為100px，布景顏色為黃色。代碼如下：
現利用CSS設置鼠標放上去結果，這里讓鼠標放上去div的寬度和高度均釀成200px。代碼如下：
利用CSS中transition來設置div變大的過渡結果，這里設置變大的過渡時候為2秒，代碼如下：
要實現扭轉變大，需要設置div扭轉角度樣式，這里設置360度，與過渡結果相連系，最終實現扭轉變大的結果。
在瀏覽器運行test.html文件，查看結果。
- 發表于 2019-08-07 00:16
- 閱讀 ( 839 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章