Как добавить преобразование css в текущее значение преобразования Использование jquery?

В настоящее время у меня есть класс с значением преобразования rotate(57deg), когда alert

$(".div-1").css("transform") он дает значение матрицы.

<style> 
 .div-1{
     transform: rotate(57deg);
     }                 
</style>   
<div class="div-1">Test</div>

Мне нужно добавить scale(-1, 1) к существующему значению преобразования , используя Jquery

. поэтому значение преобразования .div-1 станет div-1 { transform: scale(-1, 1) rotate(57deg); } Как это сделать? Здесь 57 - это просто число, оно будет меняться всегда. поэтому мне нужно добавить scale( -1 , 1) к текущему значению преобразования. Пожалуйста, помогите.

Ответ 1

вы можете сделать что-то вроде этого:

var css = $('.div-1').css("transform");
css = css+" scale(-1,1)";
$('.div-1').css('transform',css);

Ответ 2

Решение ALternate состоит в том, чтобы создать два класса как

<style> 
 .div-1{
     transform: rotate(57deg);
     }    
  .div-2{
     transform: scale(-1, 1) rotate(57deg);
     }             
</style>   
<div class="div-1">Test</div>

то в jquery сделайте следующее:

if(condition == true){
$(".div-1").addClass("div-1");
$(".div-1").removeClass("div-2");
} else {
$(".div-1").addClass("div-2");
$(".div-1").removeClass("div-1");
}

Ответ 3

<style>
    div {
        -ms-transform: rotate(57deg); // IE 9  
        -webkit-transform: rotate(57deg); // Chrome, Safari, Opera  
        transform: rotate(57deg);
    }
</style>