.card-flip{float:left;perspective:500px;position:relative}.card-flip__content{position:absolute;width:100%;height:100%;box-shadow:0 0 15px rgba(0,0,0,.1);transition:transform 1s;transform-style:preserve-3d;z-index:10}.card-flip:hover .card-flip__content{transform:rotateY(180deg);transition:transform .5s}.card-flip__back,.card-flip__front{position:absolute;width:100%;height:100%;background:#fff;border-radius:5px;backface-visibility:hidden}.card-flip__back{transform:rotateY(180deg)}