Hello everyone,
basically I'm trying to create a glassmorphism card that appears while scrolling, as you can see in the code pen there is a circle, when you scroll the card show with a rotating animation, the problem is that during the animation the backdrop blur effect doesnt work but it works only when the animation finish
What I've tried:
-removing autoAlpha: 0
-adding position relative instead of static to make z-index work
-adding backdropFilter to gsap animation
any kind of help would be awesome thank you all!