преобразование анимации ключевого кадра не работает в chrome

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