<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> </head> <body> <style> .div1 { width: 500px; height: 500px; transition: all .5s; position: relative; overflow: hidden; } img { width: 100%; height: 100%; transition: all .5s; position: absolute; } .div1:hover img { transform: scale(1.2); } </style> <li> <div class="div1"><img src="http://via.placeholder.com/500x500"></div> </li> </body> </html>