wrap

为所有分割元素添加一个具有指定 CSS overflow 属性的额外封装元素。

输出

<span style="overflow: clip; display: inline-block;">
  <span style="display: inline-block;">word</span>
</span>

接受

'hidden' | 'clip' | 'visible' | 'scroll' | 'auto'
Boolean (true is equivalent to 'clip')
null

默认

null

封装代码示例

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

const { chars } = splitText('p', {
  chars: { wrap: true },
});

animate(chars, {
  y: ['75%', '0%'],
  duration: 750,
  ease: 'out(3)',
  delay: stagger(50),
  loop: true,
  alternate: true,
});

<div class="large centered row">
  <p class="text-xl">Split and wrap text.</p>
</div>
<div class="small row"></div>

class
clone