Afbeeldingen met css horizontaal of verticaal spiegelen

Als je een afbeelding in je website gebruikt en je wilt deze, zonder tussenkomst van bijvoorbeeld een programma als Photoshop, spiegelen (horizontaal of verticaal) dan kan je gebruik maken van CSS. Gebruik hiervoor de volgende CSS code.

.horizontaal {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";

}

.verticaal {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipV;
-ms-filter: "FlipV";

}