<!DOCTYPE html >
<html lang="en" class="reftest-wait" >
<meta charset="utf-8" >
<title >Change a layer's transform making negative w component.</title>
<style >
body {
background-color: white;
overflow: hidden;
}
#outer {
perspective: 500 px;
perspective-origin: 350 px 250 px;
width: 700 px;
height: 500 px;
display: block;
top: 10 px;
left: 10 px;
position: absolute;
overflow: visible;
}
#container1 {
transform-style : preserve-3 d;
transform: translateX(-50 px) translateZ(350 px) rotateY(-90 deg);
}
#container2 {
transform-style : preserve-3 d;
transform: translateY(-200 px) translateX(50 px) translateZ(350 px) rotateY(90 deg);
}
#scale {
transform-style : preserve-3 d;
}
.negw {
transform: translateZ(1 px);
}
.posw {
transform: translateZ(-500 px);;
}
#dummy {
transform-style : preserve-3 d;
transform: translateY(150 px);
}
#square1, #square2 {
background-color: red;
width: 700 px;
height: 200 px;
}
</style >
<body >
<div id="outer" >
<div id="scale" class="negw" >
<div id="dummy" >
<div id="container1" >
<div id="square1" ></div >
</div >
<div id="container2" >
<div id="square2" ></div >
</div >
</div >
</div >
</div >
<script >
var scale = document.getElementById("scale" );
function doTest() {
scale.className = "posw" ;
document.documentElement.removeAttribute("class" );
}
document.addEventListener("MozReftestInvalidate" , doTest);
</script >
Messung V0.5 in Prozent C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.8 Sekunden
(vorverarbeitet am 2026-06-04)
¤
*© Formatika GbR, Deutschland