<head>
<script>
internals.settings.setRegionBasedColumnsEnabled(true)
</script>
<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>