@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

回答

相關問題