CSS3動畫不能在本地工作

嗨，我試圖複製此代碼在本地和jsfiddle.Everything工程，除了動畫。有人能指出這裏缺少什麼，這樣動畫也能起作用嗎？CSS3動畫不能在本地工作

原文： http://codepen.io/pixelgrid/pen/suflz

我相信這是與動畫財產

@keyframes round{ 100%{ transform:rotate(360deg); } } 
animation:round 9s linear infinite;

感謝

來源

2013-04-25 user1850342

都出現同樣的給我。 – 2013-04-25 06:01:36

你需要發佈你的本地代碼 – 2013-04-25 06:02:11

我在最新版本的鉻和codepen代碼是動畫，但jsfiddle isnt .. – user1850342 2013-04-25 06:03:33

與其他瀏覽器如Firefox或試用Oopera

來源

2013-04-25 06:05:27 Hydroid

嘗試在歌劇和Firefox和Safari瀏覽器。 – user1850342 2013-04-25 06:07:23

@ user1850342：我檢查過Firefox，它的工作正常，我希望你使用最新版本的瀏覽器，因爲一些舊版本不會支持CSS3 – dreamweiver 2013-04-25 06:09:41

它不是升級你的瀏覽器的解決方案或者改變瀏覽器，所有其他用戶仍然使用舊瀏覽器，只有一個瀏覽器？你不能對客戶說我們只有最新的FF瀏覽器。 – 2013-04-25 06:35:06

檢查這一個沒有錯，只是爲所有動畫屬性添加瀏覽器前綴。 codepen自己做。

http://jsfiddle.net/FeZq9/1/

.cloud { 
transform-origin:50% 400px; 
    -webkit-transform-origin:50% 400px; 
    -moz-transform-origin:50% 400px; 
    -o-transform-origin:50% 400px; 
    animation:round 7s linear infinite; 
    -webkit-animation:round 7s linear infinite; 
    -moz-animation:round 7s linear infinite; 
    -o-animation:round 7s linear infinite; 
} 

@-webkit-keyframes round { 
100%{ -webkit-transform:rotate(360deg); } 
} 

@-moz-keyframes round { 
100%{ -moz-transform:rotate(360deg); } 
} 

@-o-keyframes round { 

100%{ -o-transform:rotate(360deg); } 
} 
@keyframes round { 
100%{ transform:rotate(360deg); } 
}

來源

2013-04-25 11:25:35

CSS3動畫不能在本地工作

回答

相關問題