Flipping images with just CSS demo

Requires Chrome, Safari or other WebKit-based browser.

original

horizontal flip

vertical flip

.flip-horizontal { -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) }
.flip-vertical   { -webkit-transform: matrix(1, 0, 0, -1, 0, 0) }

See the blog post on flipping images with just CSS.

Learn more, much, much more at my HTML5 Mobile Pro workshop!