如何將css轉換添加到當前的轉換值使用jquery？

目前，我有改造價值rotate(57deg)，當警報如何將css轉換添加到當前的轉換值使用jquery？

$(".div-1").css("transform")這是給矩陣值的一類。

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

我需要使用jQuery的

添加scale(-1, 1)到現有的變換值。所以.div-1變換值變成div-1 { transform: scale(-1, 1) rotate(57deg); }如何做到這一點？這裏57只是一個數字，它會一直改變。所以我需要的是將scale(-1 , 1)添加到當前變換值。請幫忙。

來源

2016-12-28 Jafar tm

創建一個具有規模的課程，然後只是動態的添加類到該div：http://stackoverflow.com/questions/35429935/how-do-i-animate-a-scale-css-property-using-jquery – Baruch

'$（「。div-1」）。 css（「transform」，「scale（-1,1）rotate（」+ yourDeg +「deg）」）;'不工作？ – d3vi4nt

應該'57'是一個變量？ – wahwahwah

你可以做這樣的事情：

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

來源

2016-12-28 08:56:47

這對我來說工作正常 –

是的這是工作。我從來沒有想過這很簡單。當看到矩陣價值時，我沒有嘗試任何事情，我只是不加思索就問了。謝謝你，朋友。 –

替代的解決方案是創建兩個類作爲

<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"); 
}

來源

2016-12-28 06:08:31 Rahul

這是不正確的答案朋友。因爲這裏有一次我得到了規模效應或者我得到了旋轉效應。但我同時需要兩個，因爲我解釋.div-1 {transform：scale（-1,1）rotate（57deg）; } –

一旦類div-2將適用你會得到兩個效果，這是什麼問題 – Rahul

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

來源

2016-12-30 06:29:45

如何將css轉換添加到當前的轉換值使用jquery？

回答

相關問題