类

指定应用于所有分割元素的自定义 CSS 类。

输出

<span class="my-custom-class" style="display: inline-block;">
  <span style="display: inline-block;">word</span>
</span>

接受

字符串
null

默认值

null

类代码示例

import { animate, stagger, text } from 'animejs';

text.split('p', {
  chars: { class: 'split-char' },
});

animate('.split-char', {
  y: ['0rem', '-1rem', '0rem'],
  loop: true,
  delay: stagger(100)
});

<div class="large centered row">
  <p class="text-xl">Custom CSS class.</p>
</div>
<div class="small row"></div>

.split-char {
  color: var(--hex-current-1);
  background-color: var(--hex-current-3);
  outline: 1px solid var(--hex-current-2);
  border-radius: .25rem;
}

分割参数
wrap