review.tizen.org Git - test/tct/web/api.git/blob

   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