图像库与Div悬停覆盖

Image Gallery with Div Hover Overlay

本文关键字：悬停 覆盖 Div 图像      更新时间：2023-09-26

我想为客户创建一个类似于下面链接中Tiffany使用的图像库:
蒂芙尼

然而，我不是很熟悉javascript，我不确定如果我甚至需要使用它的
这个，或者如果有可能有另一种方式，任何建议会有所帮助?

使用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*/
}
相关文章：