Isometric tile

by tonytlwu

HTML

<div></div>

CSS

div {
    width: 82px;
    height: 66px;
    background: red; /* no background for production */
    -webkit-transform: translateY(-33px) rotate(26.565deg) skew(-36.87deg);
    -webkit-transform-origin: left bottom;
    -moz-transform: translateY(-33px) rotate(26.565deg) skew(-36.87deg);
    -moz-transform-origin: left bottom;
    -ms-transform: translateY(-33px) rotate(26.565deg) skew(-36.87deg);
    -ms-transform-origin: left bottom;
    -o-transform: translateY(-33px) rotate(26.565deg) skew(-36.87deg);
    -o-transform-origin: left bottom;
    transform: translateY(-33px) rotate(26.565deg) skew(-36.87deg);
    transform-origin: left bottom;
}