缩放
鼠标移入后 缩放事件
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:dw css3
作者: 熊 强
撰写时间:2019 /1/27
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
直进主题
先给它一个类
<div class="cent">
<div class="a"></div>
</div>
然后是设置它的内容
.cent{
width: 1000px;
height: 500px;
}
.a{
width: 200px;
height: 200px;
background: rgba(90,40,41,1.00);
margin: 0 auto;
}
得到的结果是这样的
下面我要做的是让鼠标移入后 改变他的样式
.a:hover{
transform: scale(2);
}
好了 ,意思就是鼠标移入后 它的样子比原来大两倍的意思
然后是小数的话 它就会缩小