Voltear / rotar verticalmente y horizontalmente con CSS

<p>Texto original</p>

<p class="rota-horizontal">Texto volteado horizontalmente</p>

<p class="rota-vertical">Texto volteado verticalmente</p>

.rota-horizontal {

  transform: scaleX(-1);

  -moz-transform: scaleX(-1); /* Firefox */

  -webkit-transform: scaleX(-1); /* Chrome - Safari */

  -o-transform: scaleX(-1); /* Opera */

}

.rota-vertical {

  transform: scaleY(-1);

  -moz-transform: scaleY(-1); /* Firefox */

  -webkit-transform: scaleY(-1); /* Chrome - Safari */

  -o-transform: scaleY(-1); /* Opera */

}

​