.flip-card {background-color:transparent;width:300px;height:230px;border:1px solid #f1f1f1;perspective:1000px}.flip-card-inner {position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d }.flip-card:hover .flip-card-inner {transform:rotateY(180deg) }.flip-card-front,.flip-card-back {position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0deg) }.flip-card-back {background-color:white;color:black;transform:rotateY(-180deg) }