Black Ducas

Nowadays, what library you recommend to trigger an animation when an element enters/exits the viewport? Possibly optimized with Intersection Observer and not too complex. I'm trying https://github.com/stutrek/scrollmonitor but frankly it seems not working so well with GSAP, on mobile (iPhone) when fast scrolling it loses some animations... Thanks

Hi @Jonathan here is my code, it's a tween of a timeline that it's played by mouseenter event: timeline.fromTo(preview, { scale: 1.1, autoAlpha: 0, rotation: 0.01, force3D: true, }, { scale: 1, autoAlpha: 1, rotation: 0.01, force3D: true, onStart: () => { preview.style.display = "block"; }, }, "<"); but on Firefox it's really awful, jerky and choppy. As you see, I added rotation: 0.01, force3D: true, but doesn't work. It's caused by scale property. Anyone has solved?

Hi @ZachSaucier looks awesome, thanks! ? This technique is very interesting. When is recommended to use a timeline instead of separate tweens? Where in the docs I can read more about it and use cases?

Hi I'm trying to achieve the underline animation on links you can see on this site https://details.ch/en (click hamburger menu icon on top right to see it). Also you can check out my attached gif where I show you the various animation cases (on mouseenter and mouseleave) I need to develop. I need to achieve the exact same interactions and animations you see. It's like I'm not able to handle the relationships between the mouseenter animation and the mouseleave animation. Someone could help me? Thanks