.box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:300px}.box .front{position:relative;width:100%;height:100%;backface-visibility:hidden;transform:perspective(1000px) rotateY(0deg);transition:1s}.box:hover .front{transform:perspective(1000px) rotateY(180deg)}.box .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform:perspective(1000px) rotateY(-180deg);transition:1s}.box:hover .back{transform:perspective(1000px) rotateY(0deg)}.breakdance .back{padding-right:20px;padding-left:20px}