缩放

鼠标移入后 缩放事件
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：dw css3
作者： xqll
撰写时间：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);
}

好了 ，意思就是鼠标移入后 它的样子比原来大两倍的意思
然后是小数的话 它就会缩小