sition.">
<link rel="match" href="preserve3d-and-flattening-002-ref.html">

<style>
body {
  margin: 0;
}
div {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 0;
  left: 0;
}
.outer, .sibling {
  transform-style: preserve-3d;
}
.outer {
  background: gray;
}
.flattener {
  background: fuchsia;
  transform: translateX(0);
}
.sibling {
  background: blue;
  transform: translate3d(25px, 50px, -20px);
}
.child {
  background: silver;
  transform: translate3d(50px, 0, 10px);
}
</style>

<div class