图片放大
2021-10-20 本文已影响0人
秀萝卜
<html>
<div class="myimg">
<img class="img" src="https://img0.baidu.com/it/u=1231729851,1892679560&fm=26&fmt=auto" />
</div>
<style>
.myimg{
margin:100px;
background:#eee;
width:300px;
height:200px;
overflow: hidden;
}
.img{
width:300px;
height:200px;
transition: all 0.5s ease-out;
}
.img:hover {
cursor: pointer;
transform: translateZ(0) scale(1.2);
/* transition: transform 1s ease-out; */
}
</style>
</html>
