这是一款js和CSS3炫酷图片网格缩放动画特效。该特效中,当一个图片网格项被点击的时候,背景和缩略图会被放大到屏幕指定位置。动画效果通过anime.js来实现。

该特效中使用了CSS Flexbox,CSS Grid和CSS变量等多项最新的CSS技术,并且没有提供回退功能,所以请在最新版本的浏览器中查看这个示例。

下面是该js和CSS3炫酷图片网格缩放动画特效的一些屏幕截图效果:

js和CSS3炫酷图片网格缩放动画特效-1

js和CSS3炫酷图片网格缩放动画特效-2

js和CSS3炫酷图片网格缩放动画特效-3

该js和CSS3炫酷图片网格缩放动画特效的github地址为:https://github.com/codrops/ExpandingGridItemAnimation/