插件描述：HTML5网格图片内容预览悬停动画
使用CSS3网格和好玩的悬停效应对网格项目，由不同放置的元素组成。当单击一个图片内容时，会在内容预览遮罩层滑动并动画化网格项和预览项。这是一款基于TweenMax动画使用的。
PREVIOUS:
NEXT:
相关插件-图片展示
HTML5/CSS3超酷焦点图特效
焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。
图片展示
讨论这个项目（6）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
惘然追忆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浏览器的都不兼容
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
