why show the different in same function at different browser

Question

I created a draggable widget that is working nicely in localhost and chrome, but in firefox it didn't work properly

this code also I included

 moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);

can you give some suggestions

looks like you missed the `-` for the first rule – Joe Lissner Dec 29 '17 at 11:48 — Joe Lissner, Dec 29 '17 at 11:48
Did you find any working solution? – Tommaso Belluzzo Dec 30 '17 at 13:12 — Tommaso Belluzzo, Dec 30 '17 at 13:12

score 1 · Accepted Answer · answered Dec 29 '17 at 11:53

There was a typo in your Mozilla rule. Anyway, try the following CSS to achieve a full cross-browser compatibility:

.my_element
{
    -webkit-transform: scaleX(-1) scaleY(-1);
    -moz-transform: scaleX(-1) scaleY(-1);
    -ms-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
}

why show the different in same function at different browser

1 Answers1