act 预定义动画

(in progress) updated by @r1aader in 2022/3/31

使用 act

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

使用示例：

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

act 中的预定义动画被分为若干个库，

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

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

  • EMPHASIZE -> 强调对象的动画

act 库

直观地查看 act 库内的预定义动画效果， 请访问 Act Pre-define Animations

act列表

OUT

  • act.OUT.OPACITY

  • act.OUT.BLUR

  • act.OUT.SCROLL_DOWN

  • act.OUT.SCROLL_UP

IN

  • act.IN.OPACITY

  • act.IN.BLUR

  • act.IN.SCROLL_DOWN

  • act.IN.SCROLL_UP

EMPHASIZE

  • act.EMPHASIZE.SHAKE_X

  • act.EMPHASIZE.SHAKE_Y

  • act.EMPHASIZE.SHAKE_ROTATE

PreviousAPI 文档

Last updated