鼠标移入img1放大1.05倍,移出复原
鼠标移入img2显示img3,移出复原
<style type="text/css">
.img1{
width:200px;
height:200px;
transition-duration:all 2s;//设置图片过渡所需时间为2秒;all:宽和高同时过渡
}
.img :hover{
transform:scale(1.05);//设置放大1.05倍;
}
</style>
<div>
<img class="img1" src="/images/1.png" >
<img class="img2" src="/images/2.png" onMouseover="this.src='/images/3.png'" onMouseout=".this.src="/images/2.png"">
<div>