Simple “Card Flip” Using Only HTML & CSS

CSS has evolved enormously since its early days.  What used to take a potentially convoluted tangle of pre-jQuery javascript can now be powered entirely by native CSS across a variety of browsers. The following is some simple code to animated a card-flip effect. I’m using a playing card here for example, but you could also use it for products, contacts/business cards, dominoes or other games.