13 lines
564 B
HTML
13 lines
564 B
HTML
<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>
|