#some_div {
    margin:10px;
}
.flip {
    -webkit-perspective:800;
    width:278px;
    height:400px;
    position:relative;
}
.flip .card.flipped {
    -webkit-transform:rotatey(180deg);
}
.flip .card {
    width:100%;
    height:100%;
    -webkit-transform-style:preserve-3d;
    -webkit-transition:0.2s;
}
.flip .card .face {
    width:100%;
    height:100%;
    position:absolute;
    -webkit-backface-visibility:hidden;
    z-index:2;
    text-align:center;
}
.flip .card .front {
    position:absolute;
    z-index:1;
    text-align:center;
    cursor:pointer;
}
.flip .card .back {
    -webkit-transform: rotatey(180deg);
    text-align:center;
    cursor: pointer;
}