Css -ms transform origin不在IE9上工作
我正在做一个雷达动画usng变换和变换原点。这是我拥有的以下CSS。但它在IE9上不起作用Css -ms transform origin不在IE9上工作,css,compass-sass,Css,Compass Sass,我正在做一个雷达动画usng变换和变换原点。这是我拥有的以下CSS。但它在IE9上不起作用 @keyframes ring2 { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-ori
@keyframes ring2 {
from {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transform-origin:center center 0;
-moz-transform-origin:center center 0;
-ms-transform-origin:center center 0;
transform-origin:center center 0;
}
to {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform-origin:center center 0;
-moz-transform-origin:center center 0;
-ms-transform-origin:center center 0;
transform-origin:center center 0;
}
}
在IE9上有没有解决办法?我认为如果我使用前缀-ms,它将工作
-ms transform origin
仅适用于二维变换。换句话说,您应该使用2个属性,而不是3个
第三个是Z向量,transform3D在IE9上不起作用
试试这个,看看它是否有效:
@关键帧铃声2{
从{
-webkit变换:旋转(0度);
-moz变换:旋转(0度);
-ms变换:旋转(0度);
变换:旋转(0度);
-webkit变换原点:中心;
-moz变换原点:中心;
-ms变换原点:中心;
变换原点:中心;
}
到{
-webkit变换:旋转(360度);
-moz变换:旋转(360度);
-ms变换:旋转(360度);
变换:旋转(360度);
-webkit变换原点:中心;
-moz变换原点:中心;
-ms变换原点:中心;
变换原点:中心;
}
}
在规则@keyframes
中,关键帧是CSS动画模块级别3(CSS3动画)的一部分,并与IE10一起引入IE。因此,它在包括IE9在内的较低版本中根本不起作用
- 与兼容表