Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我们可以使用+;=要变换:旋转(';x';度);通过Javascript的css属性_Javascript_Jquery_Css_Transform - Fatal编程技术网

我们可以使用+;=要变换:旋转(';x';度);通过Javascript的css属性

我们可以使用+;=要变换:旋转(';x';度);通过Javascript的css属性,javascript,jquery,css,transform,Javascript,Jquery,Css,Transform,这是我的代码: #移动{ 高度:70像素; 宽度:70px; 边框:2件纯黑; 边界半径:15px; } 对象 注意变换属性可以有不同的值,它们是不可交换的。例如,以下值会产生不同的结果: 变换:translateX(100px)旋转(90度);/*这是不同的*/ 变换:旋转(90度)translateX(100像素);/*。。。比这更重要*/ .box{ 高度:100px; 宽度:100px; 背景:红色; } #框1{ 变换:translateX(100px)旋转(90度); }

这是我的代码:

#移动{
高度:70像素;
宽度:70px;
边框:2件纯黑;
边界半径:15px;
}


对象

注意
变换
属性可以有不同的值,它们是不可交换的。例如,以下值会产生不同的结果:

变换:translateX(100px)旋转(90度);/*这是不同的*/
变换:旋转(90度)translateX(100像素);/*。。。比这更重要*/
.box{
高度:100px;
宽度:100px;
背景:红色;
}
#框1{
变换:translateX(100px)旋转(90度);
}
#框2{
变换:旋转(90度)translateX(100像素);
}


为什么不试试看它是否有效?我不认为它会…这里已经回答了-你可以做的是纯JS或纯CSS动画,否则你可以创建不同的CSS类,比如
rotate5
rotate10
rotate15
。。。并使用Js切换它们哇!非常感谢你!感谢您的友好回复和帮助!这正是我要找的。