Se avete implementato l'effetto card flip con i CSS e lo avete associato allo stato :hover, potreste esservi imbattuti in un problema particolare: a volte il lato principale del blocco non viene nascosto dal lato secondario quando siete con il mouse sull'elemento. Fortunatamente esiste una soluzione.
La soluzione consiste nell'assegnare la dichiarazione z-index: -1 al lato principale del blocco:
.front {
z-index: -1;
}