<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>
css3变形transform属性
最新推荐文章于 2023-01-12 08:16:56 发布