關鍵幀動畫轉換不在鍍鉻中運行

Question

下面的內容似乎適用於Firefox和Safari，甚至IE！但Chrome中的不是。

（在Firefox和IE，但如果你在Chrome中打開它，你看到絕對沒有！）

@keyframes animationFrames{ 
    0% { 
    transform: translate(-402px,55px) ; 
    } 
    4% { 
    transform: translate(-333px,26px) ; 
    } 
    9% { 
    transform: translate(-257px,-13px) ; 
    } 
    14% { 

Answer 1

這是因爲@keyframes規則是not supported由Chrome呢。你必須使用前綴規則@ -webkit-關鍵幀的例子：

/* Chrome, Safari, Opera */ 
@-webkit-keyframes animation { 
    0% { } 
    100% { } 
} 

/* Standard syntax */ 
@keyframes animation { 
    0% { } 
    100% { } 
} 

UPDATE

I'm sure - example