鼠标经过图片时向前突出并放大图片

Posted 2020-10-06 树叶的一生

/*.img1 img{transform: scale(1,1)原本的图片的大小; transition: all 0.6s;动画过渡的效果：全部的过渡效果 效果的时间是0.6秒 }*/ 第一句是没有经过图片的效果
/*.img1:hover img{transform: scale(2,2);}*/        第二句就是当鼠标经过是图片放大的倍数

.img1 img{transform: scale(1,1); transition: all 0.6s; }
.img1:hover img{transform: scale(2,2);}