jquery - 如何向缩略图添加缩放悬停效果

Question

我目前正在使用 Wordpress 构建一个作品集网站。我需要创建一个鼠标进入时触发的悬停效果。我正在尝试在图像区域上显示一个框，其中包含一个永久链接，其中显示有关特定帖子的“查看元素”，同时缩略图会慢慢放大。我的网站目前也是响应式的，因此我无法使用任何固定链接宽度或高度。

这就是我的目标:

我基本上是想复制 Fi 正在做的事情，图像悬停在此处 http://blog.f-i.com/

我已将当前标记发布到 http://jsfiddle.net/estx4/

谢谢

Answer 1

给你...这是纯 CSS 的。

http://jsfiddle.net/2pBG6/

.loop-item {
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
overflow:hidden;
position:relative;

}