css rotate（90deg）是旋转了90度还是旋转到90度

Posted 2023-05-09

是顺时针方向旋转90度，负数则是逆时针方向。

“旋转到90度”这样的说法是不成立的，因为一个物体（或者说元素）本身是不存在角度的，你不能说这个物体在旋转前就是0度吧，因为你是根据什么说它是0度的呢？横边还是竖边啊？既然不能确定，那“旋转到xx度”的说法也就是不存在的，只能说相对于当前的位置旋转了xx度，这样的话不管以哪个边来计算角度都一样了。

参考技术A 旋转到90度

css3中怎么设置边滚动边旋转（我用的猎豹浏览器）

我的代码如下：
@-webkit-keyframes myfirst
0%
left:0px; top:0px; -webkit-transform:rotate(10deg) scale(2,2) transform:rotate(720deg) scale(2,2);

25%
left:200px; top:0px; -webkit-transform:rotate(180deg) scale(2,2) transform:rotate(720deg) scale(2,2);

50%
left:400px; top:0px; -webkit-transform:rotate(360deg) scale(2,2) transform:rotate(720deg) scale(2,2);

75%
left:600px; top:0px; -webkit-transform:rotate(540deg) scale(2,2) transform:rotate(720deg) scale(2,2);

100%
left:800px; top:0px; -webkit-transform:rotate(720deg) scale(2,2) transform:rotate(720deg) scale(2,2);

这样根本不会旋转

参考技术A 尊敬的金山用户你好：
感谢您对猎豹浏览器的信赖，这样的情况建议您下载最新版本的猎豹浏览器，或是直接在线升级一下猎豹浏览器。希望可以帮到您。
猎豹安全浏览器，是由猎豹移动（原金山网络技术有限公司）推出的一款浏览器，主打安全与极速特性，采用Trident和WebKit双渲染引擎，并整合金山自家的BIPS进行安全防护。有以下优势：1、猎豹双核加速。2、猎豹个人账户设置后，可以网上收藏夹同步，走到哪，你的收藏夹跟你到哪。3、猎豹有自我修复功能，遇到问题可以选择性【一键修复】4、猎豹有猎豹商店，免费提供各种浏览器插件，包括常用的【抢票】功能。5、猎豹有隐私模式，打开后，隐私不外泄。6、猎豹有网购敢赔，呵护您的网上购物。7、猎豹自带广告过滤，告别垃圾弹窗的骚扰。8、猎豹体系与毒霸体系联通，在猎豹可以修改主页，默认浏览器。
目前猎豹移动旗下有四款产品：猎豹清理大师（Clean Master）、金山电池医生、CM Security及Photo Grid。公司旗下产品覆盖Android、iOS、 Windows三大平台。其他移动端产品包括：猎豹浏览器手机版，PC端产品包括：金山毒霸、猎豹浏览器等。
祝您生活愉快！
如仍有疑问，欢迎您向猎豹移动企业平台提问，我们会24小时为你做解答。 参考技术B

少了分号分隔-webkit-transform和transform

@-webkit-keyframes myfirst 
    /* ... */
    25% 
        left:100px;
        top:50px;
        -webkit-transform:rotate(180deg) scale(2,2);
        transform:rotate(180deg) scale(2,2);
    
    /* ... */

建议这样写，看起来比较清晰。

加上分号之後就可以转，这是我的DEMO

http://jsbin.com/zacetamebufa/1/edit?html,css,output

本回答被提问者和网友采纳