Hovering a category tile turned its outer two covers further out over 0.2s, and it looked choppy. Traced in Chromium, the covers were given layers of their own only once the transition began, so the browser drew them again on its first frames and again on the way back, 22 raster tasks for a hover in and out, and the main thread produced 34 frames for 0.4s of motion. Each cover now has its layer before the pointer arrives (will-change), all three move, rotate and translate are animated as properties of their own rather than as one transform list, and the fan takes 0.45s on an ease that settles. The same hover is 5 raster tasks, and the compositor presents 116 frames to the main thread's 26. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
68 KiB
68 KiB