css - How to make this transition in css?

Question

I would like to achieve this curtain-up transition effect by pressing the down arrow. Is it possible to do it in css? If so, how? I can't find the way and I'm not very good at css either. I hope you can help me.

https://www.werkstatt.fr/

Thanks!

标签： cssweb

Answer 1

您最好的选择是使用 GSAP，这是一个通过 CSS 和 JS 创建酷动画的库。这可以通过 GSAP 中的 MorphSVG 插件轻松完成，并且不需要那么多配置。或者先尝试使用 Stagger。看一下这个。 https://greensock.com/docs/v3/Staggers