<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>图片放大溢出的解决</title> <style> div{ width: 160px; height: 180px; border: 1px red solid; overflow: hidden;/*加上后,图片不会覆盖div*/ } img{ transition:all 1.2s ease 0.1s; } img:hover{ transform: scale(2); } </style> </head> <body> <div> <img src="../../image/f3_Android1.png" alt=""/> </div> </body> </html>
html5第八课时,图片放大溢出解决
最新推荐文章于 2023-02-07 17:22:30 发布