How to work with multiple CSS properties?

Question

546.52K viewsSeptember 22, 2022javascript jquery

2

Daniel J F September 19, 2022 0 Comments

Is it possible to work with CSS properties?

For instance:

-webkit-transform: scaleX(-1) scaleY(-1)

Can I easily remove scaleX(-1) or add something new, without rewriting the whole -webkit-transform or changing classes?

1 Answer

score 1 · Answer 1 · 2022-09-19T10:04:23+00:00

That css property takes two arguments. Therefore you cannot change one without touching the other. But this should be all you need to do:

$("#your-element").css("-webkit-transform","scaleX(-1) scaleY(-1)");

Edit

   function changeTransform(el, x,y){
     var val = x + " " + y;
     $(el).css({"-webkit-transform":val, "-moz-transform": val, "-webkit-transform": val, "-o-transform": val});
  }