transform: rotateY(180deg);
}.back {
background: rgba(204, 204, 204, 0.8);
}.suit {
line-height: 1;
text-align: center;
font-size: 300px;
}Bothsidesareabsolutelypositioned,sothey’llstackaccordingtotheirsourceorder.
We’vealsoflippedthe.frontsidesaroundtheY-axisby180°.Whenit’sallput
together,yourcardshouldlookabitliketheimageinFigure6.44.Figure 6.44. A see-through card with backface-visibility: visible (its intial value)272 CSS Master