核心提示:用CSS实现非常简单只需要在style样式里添加transition过度样式即可在hover状态里使用transform变换样式即可transform:scale//比例img{cursor: poi...
用CSS实现非常简单只需要在style样式里添加transition过度样式即可
在hover状态里使用transform变换样式即可
transform:scale//比例
img{
cursor: pointer; <!--设置鼠标形状-->
transition: all 1.1s; <!--所有变换过度,过度时间:1.1秒-->
}
img:hover{
transform: scale(1.4); <!--变换比例为1/4-->
}
</style>
当鼠标经过img时图像会逐渐变大并在1.1s秒内完成。
css文件:
img{
cursor: pointer; /*设置鼠标形状*/
transition: all 1.1s; /*所有变换过度,过度时间:1.1秒*/
}
img:hover{
transform: scale(1.4); /*变换比例为1/4*/
}


