カーソルをカードに重ねると、対角線を軸にして裏返ります
.card {
transform: rotate3d(1, 1, 0, 0deg);
transition: transform 2s;
}
.card:hover {
/* 原点から(1, 1)へ引いた直線を軸として180度回転 */
transform: rotate3d(1, 1, 0, 180deg);
}