Hello !
I'm new here and I have a problem to start animation on hover.
I try to make the same animation like this : https://custom-hover-animations.webflow.io/ (Character Tween V1)
Can you help me ? pls
This is my animation without the hover trigger :
<script>
gsap.registerPlugin(SplitText)
var split = new SplitText("#title-b", {type: "chars"});
var splitb = new SplitText("#title-bb", {type: "chars"});
gsap.fromTo(split.chars, {
y: 0,
},
{
duration: 1,
y: -38,
stagger: 0.05
}
);
gsap.fromTo(splitb.chars, {
y: 38,
},
{
duration: 1,
y: -38,
stagger: 0.05
}
);
</script>