HTML5网格图片览悬

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

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

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

相关插件-图片展示

jQuery CSS3实现的方向感知悬停网页特效

jQuery CSS3实现的方向感知悬停网页特效
  图片展示
 36202  462

jQuery移动端对图片进行拖拽与旋转等操作

选着一个背景模板 然后对图片进行拖拽或者旋转一个角度 或者放大和缩小 进行调整 然后保存下来
  图片展示
 25544  303

HTML5/CSS3超酷焦点图特效

焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用。
  图片展示
 32798  306

焦点效果

类似于百叶窗的效果
  图片展示
 35109  362

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