.flip-card{position:relative;height:250px;width:250 px;transform-style:preserve-3d}.flip-card:hover{transform:rotateY(180deg);transition:all .5s ease}.front{backface-visibility:hidden;position:absolute;background:red;width:100%;height;100%}.back{backface-visibility:hidden;position:absolute;background:green;width:200%;height:200%;transform:rotateY(180deg)}