af59524c4d357ddee00c44b00c9007dd6ceee71e
[test/tct/web/api.git] /
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Transforms Test: backface-visibility - visible</title>
4 <link rel="author" title="Intel" href="http://www.intel.com">
5 <link rel="reviewer" title="Zhiqiang Zhang" href="mailto:zhiqiang.zhang@intel.com"> <!-- 2015-05-22 -->
6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#backface-visibility-property">
7 <link rel="match" href="ref-filled-green-100px-square.html">
8 <meta name="assert" content="When 'backface-visiblity' is set to visible,
9                              the back side of a transformed element is visible.">
10 <style>
11   div {
12     height: 100px;
13     width: 100px;
14   }
15
16   body > div {
17     background: red;
18   }
19
20   div > div {
21     background: green;
22     backface-visibility: visible;
23     transform: rotateY(180deg);
24   }
25 </style>
26 <body>
27   <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
28   <div>
29     <div></div>
30   </div>
31 </body>
32