<style type="text/css">
/*
* css3变形transform:
* transform：变换，改变
* 属性有：
* 1.translate(x,y)x和y相对自身的偏移量，值可负
* 2.scale(x,y):缩放 x控制宽度，y控制高度0-0.99表示缩小元素、
* 3.skew（x,y)倾斜
* 4.rotate()旋转
*/
div{
width: 300px;
height: 300px;
border: #000 solid 1px;
margin: 50px auto;
overflow: hidden;
}
div img{
cursor: pointer;
transition: all 2.4s;
}
div img:hover{
transform: scale(1.4);
}
</style>
</head>
<body>
<div>
<img src="img/1.jpg" />
</div>
</body>
<style type="text/css">
阅读背景：
css3变形transform属性_u014414110的博客
来源：互联网
分享到：
