HTML5网格图片览悬

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

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

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

相关插件-图片展示

jQuerh H5移动端图片预览插件fly_zomm_img.js

H5图标浏览插件,支持多图识别切换,支持手势放大切换
  图片展示
 66511  372

CSS3三角形图片展示

CSS3三角形图片展示
  图片展示
 40360  398

jQuery加vue 3D盒子旋转展示

3D旋转盒子,全景展示,可选择图片,设置宽高
  图片展示
 34959  365

jQuery画廊-least.js

jQuery画廊-least.js 类似于google图片搜索结果中的展示效果,least.js 随机和响应的JQUERY,HTML 5和CSS3画廊
  图片展示
 35401  330

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