Rückseite auszublenden mit backface-visibility: hidden. Der Standartwert ist visible. Berühre das Rechteck, um den Effekt im zweiten Bild zu sehen.
Siehe auch dieses Beispiel
backface-visibility: visible;
backface-visibility: hidden;
Quellcode
#wrap:hover .box1 {
transform: rotateY(180deg);
}
#wrap:hover .box2 {
transform: rotateY(180deg);
backface-visibility:hidden;
}