Staggers in gsap

交错动画

1
2
3
4
gsap.to(".box", {
y: 100,
stagger: 0.1, // 每个.box元素动画之间都有0.1秒的间隔
});

配置

amount: number // 交错动画总时间,单个交错动画时间为amount/数量
each: number // 单个交错动画的时间
from: string | array // ‘start’, ‘center’, ‘edges’, ‘random’, ‘end’ | [0.5, 0.5] 从中心开始动画 | 10 从第10个子元素开始
grid: array | 'auto'
axis: string
ease: string | function


本文作者: 孟 虎
本文链接: https://menghu1994.github.io/blog/2024/04/Animation/GSAP/Staggers/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!