3d matrix

by Kriem

HTML

<div id="id"></div>

CSS

div
{
    display:block;
    width:100px;
    height:100px;
    background:red;
    top:50%;
    left:50%;
    position:absolute;
    margin:-50px;
    border-radius:10px;
    -webkit-transition:all 500ms ease-out;
}
#id:hover
{
    -webkit-transform:
matrix3d(-1, 0, 0, 0,
          0,-1, 0, 0, 
          0, 0, 1, 0, 
          5, 5, 5, 1);
}