图像网格瀑布流布局-Item Reveal Animations with SVG

Today we’d like to share some animated item reveal effects with you. These effects can look quite interesting on image grids, covering and uncovering every grid item when navigating. The idea was sparked by the beautiful and creative JOHO’s website. For the animations we are using the brand new anime.js library by Julian Garnier.
The main idea is to use fitting coupled effects that work well with each other, and to play with organic looking shapes. Using SVG paths allows us to specify several steps for the animation which leaves us with virtually endless possibilities. Today we’d like to show you a couple of examples and we hope that this inspires you for more creative ideas.
今天我们想和大家分享一些动画效果。这些效果在图像网格上非常有趣，在导航时覆盖和发现每个网格项。这个想法是由美丽的创意而引发的网站。我们使用的是全新的anime.js图书馆由Julian Garnier动画。
其主要思想是使用合适的耦合效果，相互作用，并发挥与有机外观形状。使用SVG路径允许我们为动画指定几个步骤，这给我们留下了几乎无限的可能性。今天，我们想给你们举几个例子，我们希望这能激发你们更多的创造性想法。

查看演示 下载资源