OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css"> | 3 <style type="text/css"> |
4 .box { | 4 .box { |
5 width: 80px; | 5 width: 80px; |
6 height: 80px; | 6 height: 80px; |
7 margin: 5px; | 7 margin: 5px; |
8 border-style: solid; | 8 border-style: solid; |
9 border-width: 5px; | 9 border-width: 5px; |
10 padding: 5px; | 10 padding: 5px; |
11 background-color: green; | 11 background-color: green; |
12 } | 12 } |
13 .composited { | 13 .composited { |
14 -webkit-transform: translateZ(0); | 14 transform: translateZ(0); |
15 } | 15 } |
16 .padding-clip { | 16 .padding-clip { |
17 background-clip: padding-box; | 17 background-clip: padding-box; |
18 -webkit-background-clip: padding-box; | 18 -webkit-background-clip: padding-box; |
19 } | 19 } |
20 .content-clip { | 20 .content-clip { |
21 background-clip: content-box; | 21 background-clip: content-box; |
22 -webkit-background-clip: content-box; | 22 -webkit-background-clip: content-box; |
23 } | 23 } |
24 </style> | 24 </style> |
(...skipping 15 matching lines...) Expand all Loading... |
40 <!-- Box with padding-box background-clip. --> | 40 <!-- Box with padding-box background-clip. --> |
41 <!-- GraphicsLayer::contentsOpaque for this box should be false. --> | 41 <!-- GraphicsLayer::contentsOpaque for this box should be false. --> |
42 <div class="box composited padding-clip"></div> | 42 <div class="box composited padding-clip"></div> |
43 <!-- Box with content-box background-clip. --> | 43 <!-- Box with content-box background-clip. --> |
44 <!-- GraphicsLayer::contentsOpaque for this box should be false. --> | 44 <!-- GraphicsLayer::contentsOpaque for this box should be false. --> |
45 <div class="box composited content-clip"></div> | 45 <div class="box composited content-clip"></div> |
46 | 46 |
47 <pre id="layertree"></pre> | 47 <pre id="layertree"></pre> |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |