如何将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？

回答

相关问题