实现鼠标移动到图片上图片变大
缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义<!DOCTYPE html><html><head><meta charset="UTF-8"><title>图片的缩放</title><style type="text/css">div {width: 500px;height: 500px;border: #000 solid 1px;margin: 50px auto;overflow: hidden;}div img {cursor: pointer;transition: all 0.6s;}div img:hover {transform: scale(1.2);}</style></head><body><div><img src="img/focus.png"/></div></body></html>
效果如下:
如果觉得《CSS 实现鼠标移动到图片上图片变大》对你有帮助,请点赞、收藏,并留下你的观点哦!