浏览器实现效果:
自己在浏览器实现时当鼠标移上图片有放大效果
代码实现:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>图片放大案例</title><style type="text/css">div{overflow: hidden;float: left;margin: 10px;}div img{width: 310px;height: 224px;transition: all .4s;}div img:hover{transform: scale(1.2);}</style></head><body><div><a href="/zag666"><img src="http://www.china-/content/images/temp/r_9.jpg" alt=""></a></div><div><a href="/zag666"><img src="https://img-/0831145504204.jpg?x-oss-process=image/resize,m_fixed,h_224,w_310" alt=""></a></div><div><a href="/zag666"><img src="https://img-/0831145504204.jpg?x-oss-process=image/resize,m_fixed,h_224,w_310" alt=""></a></div></body></html>