How to make use of it:

1. Load GSAP and the splitterText.js libraries within the doc.

<script src="/path/to/cdn/gsap.min.js"></script>
<script src="/path/to/cdn/splitterText.js"></script>

2. Assign a unique ID to your textual content.

<h1 id="title">CSS Script</h1>

3. Apply the splitting animation to the textual content.

splitterText(  
  {
  id: "title",
  containerclass: "mask",
  class: "splitterLetter",
  escape: " ",
  from: {
    x: "-110%",
    stagger: {
      from: "left",
      amount: 0.5,
    },
  },
  to: {
    duration: 1,
    x: "0px",
    stagger: {
      from: "left",
      amount: 0.5,
    },
  },
});

Fancy Splitting Text Animation With GSAP Library, splitterText Plugin/Github

See Demo And Download