【问题标题】:Image Gallery with Div Hover Overlay带有 Div 悬停覆盖的图片库
【发布时间】:2013-03-19 16:31:31
【问题描述】:

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

但是我对 javascript 不是很熟悉,我不确定是否需要将它用于
或者是否有其他方法,有什么建议会有所帮助吗?

【问题讨论】:

    标签: javascript css hover gallery overlay


    【解决方案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*/
    }
    

    【讨论】:

      猜你喜欢
      • 2014-04-23
      • 1970-01-01
      • 1970-01-01
      • 2015-01-05
      • 1970-01-01
      • 2014-05-12
      • 1970-01-01
      • 2014-05-07
      • 1970-01-01
      相关资源
      最近更新 更多