Javascript 我可以向div添加额外的变换吗?

Javascript 我可以向div添加额外的变换吗?,javascript,jquery,html,css,transform,Javascript,Jquery,Html,Css,Transform,那么,如果一个div已经有一个transfrom,我可以添加到现有的rotate吗? 大概是这样的: <div style="width: 200px; height: 200px; background-color: red; transform: rotateX(90deg) rotateY(10deg)" id="myDiv"></div> <script> document.addEventListener("click",function(){ do

那么,如果一个div已经有一个transfrom,我可以添加到现有的rotate吗? 大概是这样的:

<div style="width: 200px; height: 200px; background-color: red; transform: rotateX(90deg) rotateY(10deg)" id="myDiv"></div>
<script>
document.addEventListener("click",function(){
document.getElementById("myDiv").style.transformRotateX += 10deg;
})
</script>

document.addEventListener(“单击”,函数(){
document.getElementById(“myDiv”).style.transformRotateX+=10deg;
})

您所能做的就是依赖它,它允许您累积修改各个变换属性。其优点是velocity.js依赖JavaScript而不是jQuery来制作动画,这使得它更高效,并防止布局抖动

var ele=document.getElementById(“myDiv”);
//在加载时建立初始转换
速度(
埃勒,
{
rotateX:'90度',
旋转角度:“10度”
},
{
持续时间:0
});
//每次单击时逐步操作rotateX属性
document.addEventListener(“单击”,函数(){
速度(
埃勒,
{
translateZ:0,//通过设置3D属性的动画强制HA
旋转度:“+=10度”
},
{
持续时间:0
}
);
});


不使用相同的
id
id
只能在页面上使用一次只有一个元素和一个Y。如果我不需要jquery解决方案,我就不会在那里写那个标签。我想你的意思是,你能将这个脚本用于我的英语其他部分吗?:HA用于“硬件加速”。触发3D转换,即使值为0,也会导致浏览器渲染引擎将绘画卸载到GPU。我可以使用完整类吗?你说的“完整类”是什么意思?