jquery - 图像上的弹出效果

Question

这是链接 http://t3n.de/news/billig-rechner-intel-compute-stick-587589/

在这个页面的左下角，有一个像信封一样的图像。当您将鼠标悬停在该图像上时，该图像会弹出。我不确定这种效果叫什么？实际上我在元素中需要这种效果。我该怎么做？

Answer 1

请参阅this - 不需要使用 jquery - 只需纯 CSS!

但下面是我认为您希望实现的目标的简单示例:

img{
  margin-top:50px; /*for demo purposes*/
  margin-left:50px; /*for demo purposes*/
  transition: all 0.8s;
}

img:hover{
  transform:scale(1.8);
  transform-origin: center bottom;
}

<img src="http://placekitten.com/g/60/40" alt=""/>

有关供应商前缀/兼容性，请单击 here