HTML5网格图片览悬

所属分类:媒体-图片展示

 27935  473  查看评论 (6)
分享到微信朋友圈
X
HTML5网格图片览悬 ie兼容11

使用CSS3网格和好玩的悬停效应对网格项目,由不同放置的元素组成。当单击一个图片内容时,会在内容预览遮罩层滑动并动画化网格项和预览项。这是一款基于TweenMax动画使用的。

相关插件-图片展示

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 50139  693

立体图片展示

图片随鼠标转向
  图片展示
 34319  482

原生js图片查看插件(原创)

原生js实现点击图片放大预览
  图片展示
 31714  346

jQuery仿淘宝评论区

jQuery仿淘宝评论区图片放大预览
  图片展示
 15458  219

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    梦@无痕 0
    2019/8/19 0:20:34
    在里面增加一个a标签为什么点击后不能跳转? 回复
    惘然追忆ing 0
    2018/6/8 10:37:42
    效果不错哎收藏了
        loseself0
        2019/4/17 15:35:50
        怎么让图片初始化不是黑白的
        西瓜0
        2019/4/17 15:50:48

        base.css中filter: grayscale(1); 删除掉

        .box__img {
            display: block;
            flex: none;
            margin: 0 auto;
            max-width: 100%;
           filter: grayscale(1); 
            transition: filter .3s;
            pointer-events: none;
        }
    回复
    SiriBen 0
    2018/5/29 17:57:43
    这个效果确实超棒,兼容火狐与谷歌,360极速不兼容
        斑马斑马0
        2018/6/14 14:54:42
        360基于IE浏览器,只要内核是IE浏览器的都不兼容
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复