acts 预定义动画

updated by @r1ader in 2022/04/02

使用 acts

ract.js 提供一个 acts 库,以供开发者们直接调用其中的预定义动画,而无需手动编写其对应的 CSS 代码以及配置项。

使用示例:

import { r, acts } from 'ractjs'
const element = document.getElementById('element_id')
    
r(element).act(acts.OUT.OPACTIY)

acts 中的预定义动画被分为若干个库,

  • OUT -> 使对象消失的动画

  • IN -> 使对象出现的动画

  • EMPHASIZE -> 强调对象的动画

acts 库

直观地查看 acts 库内的预定义动画效果, 请访问 Acts: Pre-define Animations

Last updated