/** NOTE: Background images themselves can not be "flipped", however, the <div> (or other element) containing the image can be flipped, offering the desired result... Just make sure your image is contained somehow, then flip the container using the CSS below: **/ /** Flip Horizontally Using CSS **/ .flip-horizontal { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /** Flip Vertically Using CSS **/ .flip-vertically { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }