noerK
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by noerK
-
-
2 hours ago, noerK said:
Hey Zach,
thanks for your reply. I created a codepen out of your template and the bundles css of my project. I tried removing gsap and scrolltrigger from the sources and just then the CPU load goes down...
Maybe its some faulty css of mine? calculations?
Didn't this demo work? -
-
Hey Zach,
thanks for your reply. I created a codepen out of your template and the bundles css of my project. I tried removing gsap and scrolltrigger from the sources and just then the CPU load goes down...
Maybe its some faulty css of mine? calculations?
-
Hey :)
First off: thnx for all the work around gsap.
My Project
I am currently building an hugo-page with many scroll triggered animations. Nothing special so far.Scrolltrigger 3.6.0
gsap 3.6.0
My Problem
Safari (only) currently runs at very high CPU consumption without any animation actually running. I did a lot of research and finally found out that the animation itself does not matter - it happens as soon as i add ScrollTrigger to my animations. It seems that it causes Style invalidation and thus forces safari to rerender everything each frame. The css should is about 55 kb in size and uses css custom properties as well as some filter: invert(1) (i already removed them temporarily).
This already happens when only 1 ScrollTrigger is active. For example: (It doesn't matter if the box is present or not)
gsap.to(".box", { scrollTrigger: ".box", x: 500 });
Hopefully the provided information is sufficient.
Thnx in advance for every answer.
ScrollTrigger causes permanent Style invalidation
in GSAP
Posted
Good morning!
Yeah after Zachs post yesterday i tried cutting out some CSS, started with calc() and var(). Then module by module and somewhen came to the part where i do transition all and background transitions on masked text and pseudos (as you also stated)... I feel bad and i should feel bad i guess .
Somehow safari doesn't like it .. yeah. As a browser i would probably also dislike it.
Sorry for posting before i really tested everything i could but thanks for all the help!
Be gone transitions!
Have a nice day and rest of the week.