transform3d-preserve3d-005.html (1106B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Preserve-3D With Transformed Grandparent and 5 Grandchild</title> 6 <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com"> 7 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 8 <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#transform-style-property"> 9 <meta name="assert" content="This is the fourth in a series of four tests 10 that test that translations work correctly when combined with margins or 11 translations on various elements, when preserve-3d is enabled. They test 12 for a real-world implementation bug: 13 <https://bugzilla.mozilla.org/show_bug.cgi?id=691864>."> 14 <link rel="match" href="transform-lime-square-ref.html"> 15 </head> 16 <body> 17 <div style="width: 100px; height: 100px; transform-style: preserve-3d; 18 transform: translatex(200%)"> 19 <div style="transform-style: preserve-3d"> 20 <div style="width: 100px; height: 100px; background: lime; transform: 21 translatex(-200px)"> 22 </div></div></div> 23 </body> 24 </html>