Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

nattha

Members
  • Posts

    6
  • Joined

  • Last visited

Everything posted by nattha

  1. Hi everyone, I would like to create this curved button underline hover effect. Is there a way to set the length of the SVG Path based on the text length in the <span> element? It should look like in the screenshot down below.
  2. I would like to update the tween height based on the current window height. Because in Safari Mobile the window.innerHeight changes when we scroll (Bottom Navbar of the browser). I saved the timeline in a constant. Is there a way to update the height property without to set the whole new timeline? const tl = gsap .timeline({ paused: true, }) .to('.navbar', { height: window.innerHeight, duration: 0.3, ease: 'power2', backgroundColor: '#8E0919', }) window.addEventListener('resize', e => { // update tweeen height with window.innerHeight })
  3. Works perfectly. Thanks for the quick response!
  4. Does anyone know how to fade a text in and out again using the ScrollTrigger Plugin? Like the Apple Airpods Pro Product Page: https://www.apple.com/airpods-pro/ On Scroll the Text slides up and simultaneously fades in. If we scroll further the text fades out und the next text fades in. I've found a similar pen but the section only fades out. Thank you for your help!
  5. Hi all, Loving the vibe here😊 This is my first post in the forum ever. I'm trying to implement a scroll based Lottie animation with GSAP 3 and the ScrollTrigger plugin. I've found a solution with GSAP 2 and ScrollMagic but things changed in the newest Version. Does anyone has a working example? Thanks for your support. Cheers, Nattha
×