Transition | @sheencity/diva-sdk

过渡动画。

Index

duration: number

以毫秒（ms）为单位得过渡动画时长

timingFunction: readonly [number, number, number, number]

时间函数，控制插值动画。可以使用预设动画曲线：

import { linear } from '@sheencity/diva-sdk';
transition.timingFunction = linear;

预设动画曲线有：

也可以使用贝塞尔曲线函数构造所需要的动画曲线：

import { cubicBezier } from '@sheencity/diva-sdk';
transition.timingFunction = cubicBezier(0.42, 0, 1, 1);