Question

HTML如何鼠标悬浮图片同比缩小

如题所示，用什么方法都可以，当然，两张图片的回答还是算了！只想鼠标悬浮以那张图片中心为中心，同比缩小。

Answer 1

js(jquery):

//假定缩小0.5，要使中心位置不变，图片width,height缩小0.5，margin在原有的基础上增加图片大小的0.25
$('img').hover(function(){
$(this).addAttr('margin", $(this).attr('margin')+$(this).attr('width')*0.25);
$(this).addAttr("width", $(this).attr('width')*0.5);
$(this).addAttr("height", $(this).attr('height')*0.5);
});

Answer 2

hover时，使用translate:scale属性，具体可以百度此属性的使用方法。

Answer 3

用transition