我有一张图片,如果用户将鼠标移到它上面我想要缩放.目前,这并不顺利.
例：
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>Zoom</title> <style> .zoom:hover { zoom: 1.5; } </style> </head> <body> <p><img src="images/image.png" class="zoom"></p> </body> </html>
解决方法
使用变换平滑缩放：
.zoom {
transition: transform 1s;
}
但是你应该改为缩放而不是缩放(感谢@val)：
.zoom:hover {
transform: scale(2);
}
我created a fiddle,只为你.
