效果说明：鼠标放在 div 上，div 旋转变大以及颜色变化，并且显示出文字。
效果图如下：
一．实现步骤建议：
1、页面创建：设置 div 居中，固定宽高，灰色背景。并且加入文字“您好”，将文字颜色设为和div背景色一样，达到一开始看不到文字的效果。
2、初始状态的div放大倍数为 1，旋转角度为 0deg，并且设置动画时间为 1s。
3、给div添加鼠标移上去的样式，即背景颜色变为红色，文字变为黑色。同时设置旋转角度为 720deg 和放大倍数为 2。
注意：
文字一开始设备和背景色一样，鼠标移动到 div 才将文字颜色改变能达到文字由隐藏到显示的效果。rotate 和 scale 属性可以在 transform 一次性同时设置的，所以不需要换多行设置。注意兼容写法。
参考代码如下：
.mainDiv:hover{
color:#000;
background:red;
-webkit-transform:rotate(720deg) scale(2);
-moz-transform:rotate(720deg) scale(2);
transform:rotate(720deg) scale(2);
}
请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报