Skip to main content

SplitText.create

SplitText.create( target: Element | String | Array, vars:Object ) : SplitText

Creates and returns a standalone SplitText instance

Parameters

  • vars: Object

    An object containing all of the configuration details for the SplitText

Returns : ScrollTrigger​

The new SplitText instance

Details​

Creates a new standalone SplitText instance.

Example​

SplitText.create(".headline", {
  type: "lines,words",
  linesClass: "line",
  wordsClass: "word++",
  autoSplit: true,
  onSplit: (self) => {
    return gsap.from(self.lines, {
      yPercent: 100,
      opacity: 0,
      stagger: 0.1
    });
  }
});

Configuration​

see the main SplitText page.

Contents