CSS转换旋转mozilla

2014-02-28 102 views 1 likes

任何人都可以告诉我为什么这个声明不适用于Mozilla。在Chrome和Safari浏览器中，它的效果非常好。CSS转换旋转mozilla

@-webkit-keyframes rotating { 
    from{ 
     -webkit-transform: rotate(0deg); 
     -moz-transform: rotate(0deg); 
     -o-transform: rotate(0deg); 
     transform: rotate(0deg); 

    } 
    to{ 
     -webkit-transform: rotate(-360deg); 
     -moz-transform: rotate(-360deg); 
     -o-transform: rotate(-360deg); 
     transform: rotate(-360deg); 
    } 
} 

.rotating { 
    -webkit-animation: rotating 10s linear infinite; 
    -moz-animation: rotating 10s linear infinite; 
    -o-animation: rotating 10s linear infinite; 
    animation: rotating 10s linear infinite; 
}

谢谢

来源

2014-02-28 Mareks

回答

你应该申请

@-moz-keyframes rotating { 
    from{ 
     -webkit-transform: rotate(0deg); 
     -moz-transform: rotate(0deg); 
     -o-transform: rotate(0deg); 
     transform: rotate(0deg); 

    } 
    to{ 
     -webkit-transform: rotate(-360deg); 
     -moz-transform: rotate(-360deg); 
     -o-transform: rotate(-360deg); 
     transform: rotate(-360deg); 
    } 
}

你应该申请前缀关键帧

来源

2014-02-28 10:01:59

我不认为你需要的-webkit，当你-o前缀只是针对Firefox虽然在动画阶段 – Alex

谢谢，我错过了。非常感激 – Mareks

CSS转换旋转mozilla

回答

相关问题