layout/reftests/outline/outline-and-3d-transform-2.html
author Xidorn Quan <quanxunzhen@gmail.com>
Thu, 02 Oct 2014 14:24:32 -0400
changeset 235931 d79568d581e64100b24d4612fee26e74d6dd33a4
parent 168911 dd1f8adbfecc0d2c5fa0bd6fdd97de0261ab2cdb
permissions -rw-r--r--
Bug 1075336 - Fix lifetime management of CounterStyle. r=dbaron, a=sledru

<!DOCTYPE HTML>
<title>Testcase for outline around 3-D transform</title>
<style>

html, body { margin: 0; padding: 0; border: none }

div {
  width: 100px;
  height: 100px;
}

body > div {
  margin-top: 200px;
  margin-left: 200px;
  transform-style: flat;
}

body > div > div {
  transform: rotateX(30deg);
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  outline: 5px solid green;
}

body > div > div > div {
  transform: rotateX(30deg);
  width: 50px; margin-left: 25px;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  outline: 5px solid blue;
}

</style>

<div><div><div></div></div></div>