| <head> |
| <style> |
| .transformed { background-color:green } |
| .transformed:hover { background-color:maroon } |
| </style> |
| </head> |
| <div style="position:relative; width:420px; height:200px; -webkit-column-count:2; -webkit-column-width:200px; -webkit-column-gap:20px; -webkit-column-fill:auto; column-count:2; column-width:200px; column-gap:20px; column-fill:auto; border:2px solid black;"> |
| <div style="height:100px"></div> |
| <div style="opacity:0.5"> |
| <div class="transformed" style="float:left;width:200px;height:100px;-webkit-transform:translate(0, 100px)"></div> |
| </div> |
| </div> |
