1

此代码在 Firefox 中运行良好，但在 chrome 或 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)

这只是一个简单的旋转，我使用的是 compass 和 sass，但是 +keyframes mixin 不包含一些浏览器前缀，所以我已经全部手动编写了 >.< 并且它仍然无法在 Chrome 和 Safari 中运行.

4

1 回答 1

1

我知道这真的很老了，但是如果有人最终遇到这个问题，很可能会通过将“to/from”替换为“0%/100%”来解决我遇到了同样的问题，发现特别是 safari不喜欢往返指定。更改为 0% 和 100% 解决了问题，无需任何进一步的更改。

于 2016-01-13T02:42:52.163 回答