![]() ![]() Should be easy here, since we're just transitioning 'transform:translateY(-1px) ', and I don't think anything else could ever intersect that. Only pop out other content if it intersects this clip, rather than doing it for the entire displayport. * Analyze the transition/animation (for simple cases at least) and figure out a bounding box to clip to. We do this because we assume the asynchronously transformed content could move anywhere, and we need to be sure any content that it might move behind is split out from the background.Īllocating new layers for the popped out content, and redrawing it sucks, especially since we do the reverse again when the transition finishes. I think what happens is that we decide we need a separate Layer for transformed content (the button), which then pushes all content which is logically on top of the button into another Layer. We're running the transform animation on the compositor, even though it's only 0.15s long. These buttons have a hover css pseudo style that adds a transition animation for 'transform' and 'box-shadow'. I had a quick look at, and it looks like hovering over the 'create account' and 'contact sales' buttons causes a lot of repainting.
0 Comments
Leave a Reply. |