Hello everyone,
I would like to animate a simple paragraph withe the class "text-medium" with gsap textsplit line.
unfortunately, all the lines slide over each other and there is a line above the text. see here:
https://johannes-berlin-1af661.webflow.io/
the code is:
<script src="https://unpkg.com/split-type"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
<script>
let typeSplit = new SplitType('p.text-medium', {
types: 'lines, words, chars',
tagName: 'span'
})
gsap.from('p.text-medium .line', {
y: '100%',
opacity: 0,
duration: 0.5,
ease: 'power1.out',
stagger: 0.1,
})
</script>
where is the error? thanks again for your help...