OLD | NEW |
1 <head> | 1 <head> |
2 <script> | |
3 internals.settings.setRegionBasedColumnsEnabled(true) | |
4 </script> | |
5 <style> | 2 <style> |
6 .transformed { background-color:green } | 3 .transformed { background-color:green } |
7 .transformed:hover { background-color:maroon } | 4 .transformed:hover { background-color:maroon } |
8 </style> | 5 </style> |
9 </head> | 6 </head> |
10 <div style="position:relative; width:420px; height:200px; -webkit-column-count:2
; -webkit-column-width:200px; -webkit-column-gap:20px; column-count:2; column-wi
dth:200px; column-gap:20px; column-fill:auto; border:2px solid black;"> | 7 <div style="position:relative; width:420px; height:200px; -webkit-column-count:2
; -webkit-column-width:200px; -webkit-column-gap:20px; column-count:2; column-wi
dth:200px; column-gap:20px; column-fill:auto; border:2px solid black;"> |
11 <div style="height:100px"></div> | 8 <div style="height:100px"></div> |
12 <div style="opacity:0.5"> | 9 <div style="opacity:0.5"> |
13 <div class="transformed" style="float:left;width:200px;height:100px;-webkit-tran
sform:translate(0, 100px)"></div> | 10 <div class="transformed" style="float:left;width:200px;height:100px;-webkit-tran
sform:translate(0, 100px)"></div> |
14 </div> | 11 </div> |
15 </div> | 12 </div> |
OLD | NEW |