这是链接 http://t3n.de/news/billig-rechner-intel-compute-stick-587589/
在这个页面的左下角,有一个像信封一样的图像。当您将鼠标悬停在该图像上时,该图像会弹出。我不确定这种效果叫什么?实际上我在元素中需要这种效果。我该怎么做?
最佳答案
请参阅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
关于jquery - 图像上的弹出效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27861825/