CSS 属性

任何 CSS 数值和颜色属性都可以被动画化。
名称中包含破折号的属性，如 background-color，必须转换为驼峰式命名 (backgroundColor)，或写成 String 类型 ('background-color')。

大多数 CSS 属性都可能导致布局更改或重绘，从而导致动画不流畅。为了实现更流畅的动画，请尽可能优先使用不透明度（opacity）和 CSS 变换（CSS transforms）。

CSS 属性代码示例

import { animate } from 'animejs';

animate('.square', {
  left: 'calc(7.75rem * 2)',
  borderRadius: 64,
  'background-color': '#F9F640',
  filter: 'blur(5px)',
});

<div class="large row">
  <div class="square"></div>
</div>

可动画属性
CSS 变换