Vladimir Levin
86c9428bcc
Automatic update from web-platform-tests Nested VTs: Fix the transform ordering to keep top-left origin longer. This patch ensures that we don't convert the transform to center of the element until late in the stack. Since we're doing some inverse calculations to figure out relative transforms, we need to keep them all in the same space before converting to the default transform origin center. R=kevers@chromium.org Change-Id: Idcd277d02d97b4266cc41cf9996692f53a8cd007 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6680468 Commit-Queue: Vladimir Levin <vmpstr@chromium.org> Reviewed-by: Kevin Ellis <kevers@chromium.org> Cr-Commit-Position: refs/heads/main@{#1479433} -- wpt-commits: af08de92e1b45ab509cbd8146620510694375a7c wpt-pr: 53426
30 lines
547 B
HTML
30 lines
547 B
HTML
<!doctype html>
|
|
<title>Nested View Transitions: rotated container</title>
|
|
<link rel="author" href="mailto:vmpstr@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
|
|
|
|
<style>
|
|
:root { background: pink }
|
|
#target {
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 50px;
|
|
background: lightblue;
|
|
|
|
transform: translateX(100px) rotate(45deg);
|
|
will-change: transform;
|
|
}
|
|
#item {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: blue;
|
|
}
|
|
</style>
|
|
|
|
<div id=target>
|
|
<div id=item></div>
|
|
</div>
|
|
|