@keyframes变换：旋转（）在Chorme不工作时，Safari

此代码工作正常在Firefox，而不是在Chrome或Safari - 它只是一个简单的旋转图像...@keyframes变换：旋转（）在Chorme不工作时，Safari

img.spinner 
    z-index: -1000 
    margin: 0 
    padding: 0 
    width: 205px 
    position: relative 
    top: -315px 
    left: -2px 
    &:hover, &:active, &:focus 
     outline: 0 
     a 
     outline: 0 
    animation-play-state: running 
    animation: spin 12s linear infinite 

@keyframes spin 
    from 
    transform: rotate(0deg) 
    to 
    transform: rotate(360deg) 
@-moz-keyframes spin 
    from 
    -moz-transform: rotate(0deg) 
    to 
    -moz-transform: rotate(360deg) 
@-ms-keyframes spin 
    from 
    -ms-transform: rotate(0deg) 
    to 
    -ms-transform: rotate(360deg) 
@-o-keyframes spin 
    from 
    -o-transform: rotate(0deg) 
    to 
    -o-transform: rotate(360deg) 
@-webkit-keyframes spin 
    from 
    -webkit-transform: rotate(0deg) 
    to 
    -webkit-transform: rotate(360deg)

这只是一个简单的旋转，我使用指南针和青菜，但关键帧+混合料搅拌不包括某些浏览器前缀的，所以我手写的这一切了>。 <，它仍然不适用于Chrome和Safari。

来源

2014-09-29 B Jarmain

如果问题不相关的创建CSS文件，你应该问一个纯CSS的问题，而不是这降低到必要的代码**重现该问题的**量最小。 – cimmanon 2014-09-29 13:31:55

我知道这是真的老了，但如果有人在这里结束了这个问题，它很可能会用“0％/ 100％。”“从到/”代替固定我有同样的问题，结果发现特别是野生动物园不喜欢指定和去向。更改为0％和100％可以解决问题，无需进一步更改。

来源

2016-01-13 02:42:52 Chris

@keyframes变换：旋转（）在Chorme不工作时，Safari

回答

相关问题