mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 10:07:15 +02:00
By doing so, we attenuate the perspective transform on higher resolution devices such as Retina displays (2x). This fixes the perspective transform on sites such as https://poke-holo.simey.me/.
21 lines
473 B
HTML
21 lines
473 B
HTML
<!DOCTYPE html>
|
|
<link rel="match" href="../expected/perspective-property-function-equivalence-ref.html">
|
|
<script>internals.setDevicePixelRatio(2);</script>
|
|
<style>
|
|
body { margin: 0; }
|
|
.parent {
|
|
width: 200px;
|
|
height: 200px;
|
|
perspective: 500px;
|
|
}
|
|
.child {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: blue;
|
|
transform: rotateY(45deg);
|
|
}
|
|
</style>
|
|
<div class="parent">
|
|
<div class="child"></div>
|
|
</div>
|