Bottom Nav Experiment

Bottom navigation experiment

by Ken Watanabe

HTML

<div class="bottom"> <span>2014</span><span>2015</span>

</div>
<div class="left"> <span>Left</span>

</div>

CSS

body {
    width: 100%;
    height: 100%;
}
.bottom {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    width: 100%;
    text-align: center;
    display: table;
}
.bottom span {
    display: table-cell;
    text-align: center;
}
.left {
    -moz-transform: rotate(7.5deg);
    -o-transform: rotate(7.5deg);
    -webkit-transform: rotate(7.5deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
}