Jump to content
Search Community

ScrollTrigger breaks when container have backdrop-filter: blur()

Andreykch test
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

  • Solution



So the problem is not related to GSAP but to the fact that the filter property creates a problem with position fixed on child elements, which is what GSAP is normally doing for pinning:



One option is to use transform for the pinType:

  trigger: ".block",
  start: "top top",
  pin: ".text",
  pinType: "transform",
  markers: true

Finally thanks for the super simple and easy to follow demo! 👍


Hopefully this helps.

Happy Tweening!

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...