noerK

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.

Didn't this demo work?

Yeah i also tested the example page on safari - there it behaves like you said. I am just posting here because i am currently clueless and was hoping there is some common css + safari + gsap mistakes people tend to fall for ? Anyways: Here is a screeshot of my CPU-usage while browsing my demo:

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? https://codepen.io/noerK/pen/KKgEzez

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.