flipped table

by karin

HTML

<div class="Container Flipped">
  
    <table>
        <tr><td>data</td><td>data</td><td>data</td></tr>
        <tr><td>data</td><td>data</td><td>data</td></tr>
        <tr><td>data</td><td>data</td><td>data</td></tr>
    </table>
</div>

CSS

.Container
{
    width: 200px;
    overflow-y: auto;
}
table{
    width:400px;
}

.Flipped, .Flipped table
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}