.perspective{perspective:1000px}.back-face,.front-face{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.front-face{z-index:2}.back-face,.perspective:hover .front-face{transform:rotateY(180deg);opacity:0}.perspective:hover .back-face{transform:rotateY(0deg);opacity:1}.selected .front-face{transform:rotateY(180deg);opacity:0}.selected .back-face{transform:rotateY(0deg);opacity:1}