.card{perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.card-back{transform:rotateY(180deg)}