.
<script>
const titles = gsap.utils.toArray('#my-text');
const tl = gsap.timeline();
titles.forEach((title) => {
const splitTitle = new SplitType(title);
tl.from(
splitTitle.chars,
{
opacity: 0,
y: 80,
rotateX: -90,
stagger: 0.02,
},
'<'
).to(
splitTitle.chars,
{
opacity: 0,
y: -80,
rotateX: 90,
stagger: 0.02,
},
'<1'
);
});
</script>