Chapter 5, Exercise 2 – CSS Transformation Matrices

Create a transformation matrix to flip an element from left to right to make it appear mirrored.

You could add the following to the definition for the start_game element in main.css:

#start_game
{
  display: block;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
}

Note that this doesn’t help a great deal for reading the text!

Flipped Start Game Dialog