I am trying to move an SVG element on the x and y axis using translate: transform (). It works in Chrome, however in IE it is not. I checked the caniuse website: http://caniuse.com/#feat=transforms2d , and according to this, IE supports it.
Here is a JSFiddle example, which when running a polygon element in Chrome, it moved 15 pixels on both axes, but nothing works in IE: http://jsfiddle.net/mXgVE/20/
#Layer_1 polygon {
transform: translate(15px,15px);
-ms-transform: translate(15px,15px);
-webkit-transform: translate(15px,15px);
}
Is there a solution for this, or is this another IE limitation to support CSS3 functionality?
source
share