OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style> | 5 <style> |
6 .box { | 6 .box { |
7 position: relative; | 7 position: relative; |
8 height: 100px; | 8 height: 100px; |
9 width: 100px; | 9 width: 100px; |
10 margin: 10px; | 10 margin: 10px; |
(...skipping 29 matching lines...) Expand all Loading... |
40 <body> | 40 <body> |
41 | 41 |
42 <div class="preserve3d"> | 42 <div class="preserve3d"> |
43 This layer should not be composited. | 43 This layer should not be composited. |
44 <div class="box"></div> | 44 <div class="box"></div> |
45 </div> | 45 </div> |
46 </div> | 46 </div> |
47 | 47 |
48 <div class="preserve3d"> | 48 <div class="preserve3d"> |
49 This layer should not be composited. | 49 This layer should not be composited. |
50 <div class="box" style="-webkit-transform: rotate(10deg)"></div> | 50 <div class="box" style="transform: rotate(10deg)"></div> |
51 </div> | 51 </div> |
52 </div> | 52 </div> |
53 | 53 |
54 <div class="preserve3d"> | 54 <div class="preserve3d"> |
55 This layer should be composited. | 55 This layer should be composited. |
56 <div class="box" style="-webkit-transform: rotateY(10deg)"></div> | 56 <div class="box" style="transform: rotateY(10deg)"></div> |
57 </div> | 57 </div> |
58 <pre id="layers">Layer tree goes here in DRT</pre> | 58 <pre id="layers">Layer tree goes here in DRT</pre> |
59 | 59 |
60 </body> | 60 </body> |
61 </html> | 61 </html> |
OLD | NEW |