我们可以使用+;=要变换:旋转(';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切换它们哇!非常感谢你!感谢您的友好回复和帮助!这正是我要找的。