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!