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