CODEWITHSUNDEEP
htmlcssinternet-explorersvginternet-explorer-11
user2888692
user2888692

Reputation: 101

Rotate <text> not working in ie11 IE11 on Windows 10

I draw svg use d3 js use transform:rotate(180deg). It's perfect show on chrome but when ie11 it not woking. I'm change to rotateY(180deg) it woking with div element but still not working with text element. This is my screen and code :

IE/Chorme: https://i.sstatic.net/AXaUC.jpg

<g class="node" transform="translate(1356, 161.11111450195312)"><circle class="node" r="25" style="fill: rgb(12, 230, 103);" cursor="pointer"></circle><text x="-246" y="0" dy=".35em" text-anchor="start" class="area-name">Area 4</text><text x="-70" y="50" dy=".35em" text-anchor="start" >30 Jan 2019 10:33 PM</text><text x="-70" y="70" dy=".35em" text-anchor="start" cursor="pointer" class="text-decorate">Abc</text>

My Css:

text{
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);           
    -sand-transform: rotate(180deg);
}

Upvotes: 0

Views: 142

Answers (1)

Monkey D. Luffy
Monkey D. Luffy

Reputation: 190

I tried removing your CSS and it worked for me for both Chrome and IE.

If that's not what you want then share your code so we can understand what exactly you want.

Happy Coding ☻

Upvotes: 1

Related Questions