CSS rotate Y animation

Rotate something vertically with transition.

by William Green

HTML

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

CSS

#rotated{
    background-color:#0f000f;
    width:200px;
    height:200px;
    -o-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease;
    box-shadow:5px 5px 10px #000;
}
#rotated:hover{
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    transform:rotateX(180deg);
}