| <title>CSS Transforms Test: transform property with backface visibility = hidden</title> |
| <link rel="author" title="Jian Zhang" href="mailto:jian.andy.zhang@gmail.com"> |
| <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> |
| <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#propdef-backface-visibility"> |
| <link rel="match" href="reference/backface-visibility-hidden-ref.html"> |
| <meta name="assert" content="When the value of backface visibility property is 'hidden', the back side of a transformed element is invisible when facing the viewer."> |
| transform: rotateY(180deg); |
| backface-visibility: hidden; |
| transform-style: preserve-3d; |
| transform: rotateY(45deg); |
| <p>The test passes if there is a green retangle and no red.</p> |
| <div class="redSquare face"></div> |
| <div class="greenSquare face"></div> |