Okay great thank you very much.
Just to wrap my head around this:
type: "chars, lines", <-- places current div content into chars and lines?
linesClass: "line line++" <-- adding a class to each line and adding a line with incremented values: .line1, .line2, and etc?
}),
revertSplit = function() {
introSplitText_Heading.revert();
};
let lines = document.querySelectorAll(".line"); <-- get all the line classes we generated above?
const tl = new TimelineMax({ onComplete: revertSplit });
for (i = 1; i < lines.length + 1; i++) {
tl.staggerFrom(
".line" + i + " div", <-- animate .line1, .line2, and etc. What does " div" represent? Shouldn't just the .line(1) be enough to target?
Thank you.