Supports multiple browsers to reverse the css effect, and the browser image to reverse the css

Supports multiple browsers to reverse the css effect, and the browser image to reverse the css
Today, I received a request to obtain a symmetric image from an image. It was originally processed in the background, but in addition to technically difficult implementation, it also brings about the problem of resource consumption, which is equivalent to storing a copy for each graph. I only remember that css filters can be used in the past, but they are only valid in IE. Later I found a style compatible with multiple browsers.

Css style definition:

. Flip-horizontal {-moz-transform: scaleX (-1);-webkit-transform: scaleX (-1);-o-transform: scaleX (-1); transform: scaleX (-1); filter: fliph;/* IE */}. flip-vertical {-moz-transform: scaleY (-1);-webkit-transform: scaleY (-1);-o-transform: scaleY (-1); transform: scaleY (-1); filter: flipv;/* IE */}

Example of HTML reference: