怎么实现鼠标放在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
- 阅读 ( 947 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章