效果:当鼠标移动到图片上的时候图片放大,移开后图片还原原有大小
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> img { display: block; width: 540px; height: 258px; transition: all 2s; -webkit-transition: all 2s } img:hover { -webkit-transform: scale(1.2); transform: scale(1.2) } </style> </head> <body> <img src="https://www.baidu.com/img/bd_logo1.png"> </body> </html>