HTML5网格图片览悬

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

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

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

相关插件-图片展示

Apple TV的海报视差效果

CSS和jQuery重现这种现象
  图片展示
 34433  419

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 46610  374

纯js写的祝愿墙

这是一款纯js编写的祝愿墙,墙上的祝福标签的位置随机出现,每次刷新,出现的位置各不相同。
  图片展示
 31198  354

jQuery图片预览插件

jQuery图片预览插件,支持图片放大,缩小,旋转。
  图片展示
 99795  533

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