javascript - 带有 Div 悬停覆盖的图片库

Question

我想为客户创建一个类似于 Tiffany 在下面链接中使用的图片库：
Tiffanys

但是我对 javascript 不是很熟悉，我不确定我是否需要为此使用它，
或者是否可能还有另一个方式，有什么建议会有所帮助吗？

Answer 1

使用 css3 可以轻松完成缩放效果..这是一个示例

.image{
   -webkit-transition: -moz-transform .3s ease-out; 
   -moz-transition: -webkit-transform .3s ease-out; 
   -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; /*this is for the transition to go smoother*/
}


 .image:hover
{
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(1.3);
   transform: scale(1.3);/*scaling effect*/
}