简单的页面转换过渡效果-Morphing Page Transition

Today we’d like to share a simple morphing page transition effect with you. The idea is to morph an SVG path while moving an intro page up, creating an interesting, flowy look. For the animations we use anime.js and for some letter effects we use Charming. In the demos we use an “intro transition” in order to showcase the effect, but that’s of course only one of the many use cases for this kind of page transition.
今天，我们想和大家分享一个简单的变形页面转换效果，这个想法是将SVG路径而移动的介绍页面，创建一个有趣的，看起来很飘逸。在演示中，我们使用“介绍转换”来展示效果，但这当然只是这种页面转换的众多用例之一。