stagger
当使用animate函数为元素添加动画时，可以使用 stagger() 在它们之间错开动画。
import { animate, stagger } from "motion" animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
用法
从 Motion 导入 stagger。
import { animate, stagger } from "motion"
通过将持续时间（以秒为单位）传递给 stagger，每个元素的 delay 将为每个动画增加该量。
animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
选项
stagger 通过其第二个参数接受选项。
startDelay
默认值： 0
计算后续延迟的初始延迟。
stagger(0.1, { startDelay: 0.2 }) // 0.2, 0.3, 0.4...
from
默认值： "first"
指定从数组中的哪个元素开始错开。可以设置为 "first"、"center"、"last" 或数字以指定索引。
ease
默认值： "linear"
通过传递缓动函数，可以重新分配整个错开时间的错开。
任何缓动函数或Motion 缓动都被接受，例如三次贝塞尔曲线定义
stagger(0.1, { ease: [.32, .23, .4, .9] })
缓动函数的名称
stagger(0.1, { ease: "easeOut" })
或自定义缓动函数
stagger(0.1, { ease: p => Math.sin(p) })
Motion+ 示例
Motion+是一次性付款、终身会员资格，让您可以访问不断增长的高级示例的源代码库，以及高级组件，如 Cursor 和 AnimateNumber 以及函数，如splitText.
以 stagger 为特色的示例包括
当使用animate函数为元素添加动画时，可以使用 stagger() 在它们之间错开动画。
import { animate, stagger } from "motion" animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
用法
从 Motion 导入 stagger。
import { animate, stagger } from "motion"
通过将持续时间（以秒为单位）传递给 stagger，每个元素的 delay 将为每个动画增加该量。
animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
选项
stagger 通过其第二个参数接受选项。
startDelay
默认值： 0
计算后续延迟的初始延迟。
stagger(0.1, { startDelay: 0.2 }) // 0.2, 0.3, 0.4...
from
默认值： "first"
指定从数组中的哪个元素开始错开。可以设置为 "first"、"center"、"last" 或数字以指定索引。
ease
默认值： "linear"
通过传递缓动函数，可以重新分配整个错开时间的错开。
任何缓动函数或Motion 缓动都被接受，例如三次贝塞尔曲线定义
stagger(0.1, { ease: [.32, .23, .4, .9] })
缓动函数的名称
stagger(0.1, { ease: "easeOut" })
或自定义缓动函数
stagger(0.1, { ease: p => Math.sin(p) })
Motion+ 示例
Motion+是一次性付款、终身会员资格，让您可以访问不断增长的高级示例的源代码库，以及高级组件，如 Cursor 和 AnimateNumber 以及函数，如splitText.
以 stagger 为特色的示例包括
当使用animate函数为元素添加动画时，可以使用 stagger() 在它们之间错开动画。
import { animate, stagger } from "motion" animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
用法
从 Motion 导入 stagger。
import { animate, stagger } from "motion"
通过将持续时间（以秒为单位）传递给 stagger，每个元素的 delay 将为每个动画增加该量。
animate( "li", { opacity: 1 }, { delay: stagger(0.1) } )
选项
stagger 通过其第二个参数接受选项。
startDelay
默认值： 0
计算后续延迟的初始延迟。
stagger(0.1, { startDelay: 0.2 }) // 0.2, 0.3, 0.4...
from
默认值： "first"
指定从数组中的哪个元素开始错开。可以设置为 "first"、"center"、"last" 或数字以指定索引。
ease
默认值： "linear"
通过传递缓动函数，可以重新分配整个错开时间的错开。
任何缓动函数或Motion 缓动都被接受，例如三次贝塞尔曲线定义
stagger(0.1, { ease: [.32, .23, .4, .9] })
缓动函数的名称
stagger(0.1, { ease: "easeOut" })
或自定义缓动函数
stagger(0.1, { ease: p => Math.sin(p) })
Motion+ 示例
Motion+是一次性付款、终身会员资格，让您可以访问不断增长的高级示例的源代码库，以及高级组件，如 Cursor 和 AnimateNumber 以及函数，如splitText.
以 stagger 为特色的示例包括
