<div class="flip">text</div>
<!-- U NO SEE! -->
<div class="flip hide-back">text</div>
body {
padding: 50px;
font-size: 50px;
}
.flip {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
}
.flip.hide-back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
This Pen doesn't use any external CSS resources.