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