forked from mirrors/gecko-dev
7fb865c639
Automatic update from web-platform-tests [PE]: Improve the interest rect computation under perspective. This patch tries to normalize some of the rects we deal with when performing interest rect calculations. This is done by capping the ranges of numbers that we may encounter, in order to produce more stable results. The upside of this is that we will paint more content that we would otherwise erroneously assume to be not intersecting the viewport (even after padding). The downside of this is that we may paint more content that is properly far off screen. R=chrishtr@chromium.org Bug: 986110 Change-Id: I69254d2a855e8f083406b13638741b8bc2b85b5d Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1715917 Reviewed-by: Chris Harrelson <chrishtr@chromium.org> Commit-Queue: vmpstr <vmpstr@chromium.org> Cr-Commit-Position: refs/heads/master@{#681050} -- wpt-commits: b95e06f14f8094184be1db0f87d1dcc37325c664 wpt-pr: 18048
40 lines
814 B
HTML
40 lines
814 B
HTML
<!doctype HTML>
|
|
<meta charset="utf8">
|
|
<title>Perspective with transforms equivalencies.</title>
|
|
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
|
<style>
|
|
|
|
#container {
|
|
transform: translate(-200px, -200px);
|
|
width: 500px;
|
|
height: 500px;
|
|
perspective: 500px;
|
|
}
|
|
|
|
#container > div {
|
|
width: 100%;
|
|
height: 100%;
|
|
transform-style: preserve-3d;
|
|
transform: translateZ(-250px) rotateZ(45deg);
|
|
}
|
|
|
|
#container > div > div {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
background-color: rgba(3, 121, 255, 0.3);
|
|
box-sizing: border-box;
|
|
border: 3px solid black;
|
|
}
|
|
|
|
#one { transform: rotateY(90deg) translateZ(250px); }
|
|
</style>
|
|
|
|
<div id="container">
|
|
<div>
|
|
<div id="one"></div>
|
|
<div id="one"></div>
|
|
<div id="one"></div>
|
|
<div id="one"></div>
|
|
</div>
|
|
</div>
|