Html 如何使用SVG路径创建窗帘效果？

我的灵感来自这里看到的页面加载窗帘效果：

这是一个屏幕记录：

我很想学习如何做类似的事情。有人能帮我理解如何解决这个问题吗？他们的图书馆是供人们使用的还是全是定制的？有什么想法吗

---

谢谢

使用SVG复制这一点非常简单

我们所做的只是等待单击，然后在三个路径形状之间设置动画：

一个矩形，底部为半圆形，离开页面 矩形，底部为半圆形，靠近页面顶部 一个高度为零的矩形，位于页面顶部。 动画结束后，我们隐藏SVG以显示其后面的页面

演示单击黑色部分以开始动画

var窗帘=document.getElementById窗帘； 窗帘。添加窗帘列表单击，功能EVT{ //在元素上调用beginElement以启动动画运行 document.getElementByIdcurtainAnimate.beginElement； }; /*让SVG填满屏幕*/ svg{ 显示：块； 位置：绝对位置； 排名：0； 宽度：100vw； 高度：100vh； } 测试页 Lorem ipsum Door sit amet，一个可能的概念。这是我的威慑力。他是一个持不同意见的人。开始雄辩的欧盟，真正的欧盟，每一个在康格的事业

我们有一个共同的目标，一个暂时的真理，一个真正的权利，一个重要的意义。这是一种类似于动物的动物，其直径为每只动物的劳动量，但其概率为每只动物的劳动量。在圣母院（saepe mucius tamquam）的一级，主要是在圣母院（iusto graeco）。我们应该是平庸的人，而不是像乌拉姆科珀那样的人

如果你是一个非常重要的人，那么你就要离开。欧盟在知识产权方面的错误，在法律方面的错误。所有人都是普通人，但我的经验是普通人，我的选择号为Ei pro vero mediocrem。在vix invidunt neglegentur，porro ullum numquam id vim，Nam ea velit facete，suas graeci omnesque cum等

在mel ullum facilis omittantur出售fabulas sed no。在nam zril vitae graece，vis id Facet tamquam。这是一个非常重要的问题。两人提名Evertutor前，meis妨碍了mei广告的取证

维尼安·穆丘斯在梅。他用了一种新的方法。我不同意，但我不同意。没有人能证明这一点，但我们却阻止了这一点

---

获取SVG动画效果的最简单方法之一是。。。要使用它，请在Adobe Aftereffects中创建动画，然后使用名为Bodymovin的AE插件导出。然后包含少量的JS以在dom.mazing中渲染动画SVG。非常感谢您将指针指向正确的方向。您如何在代码中找到值？你正在使用一个应用程序吗？我很想知道你是如何想出这些路径值的。你可以使用一个应用程序，但这些应用程序太简单了，我只是手工操作。路径格式非常简单，并且非常容易理解。试验