HTML5网格图片览悬

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

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

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

相关插件-图片展示

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 48880  558

在圆点上不断滑动鼠标看看效果

图片以圆点显示,随着鼠标的滑动,圆点的尺寸越来越小,图片越来越清晰
  图片展示
 31402  449

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

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

纯js图片旋转

JavaScript图片特效
  图片展示
 42681  435

讨论这个项目(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浏览器的都不兼容
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复