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)

単純な回転です。コンパスと sass を使用していますが、+keyframes mixin にはブラウザーのプレフィックスの一部が含まれていないため、すべて手で書きました >.< そして、Chrome と Safari ではまだ機能しません.

4

1 に答える 1

1

私はこれが本当に古いことを知っていますが、誰かがこの問題でここにたどり着いた場合、「to/from」を「0%/100%」に置き換えることで修正される可能性が高いです。とからの指定が好きではありませんでした。0% と 100% に変更すると、それ以上変更せずに問題が修正されました。

于 2016-01-13T02:42:52.163 に答える