Question

我想为客户创建一个类似于蒂芙尼在下面的链接中使用的图像库：
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*/
}

图像库与Div Hover Overlay

1 个答案: