Ключевой фрейм не прокручивается в Chrome

Question

Первый раз, используя ключевые кадры, чтобы у меня не было чего-то очевидного, но по какой-то причине я не могу заставить это прокручивать Chrome. Он отлично работает на IE и Firefox. Единственное решение, которое я нашел здесь, включало добавленную точку с запятой, которую Firefox игнорировал, но Chrome этого не делал. Любая помощь будет большой.

.example3 { 
height: 1920px; 
overflow: hidden; 
position: relative; 
text-align:center; 
font-family: "Flama"; 
font-size: 35px; 
} 

example3 h3 { 
position: absolute; 
width: 1080px; 
height: 1920px; 
margin: 0; 
line-height: 50px; 
**-webkit-**animation: example3 20s linear infinite; /* Apply the animation */ 
} 


/* Chrome, Safari, Opera */ 
@-webkit-keyframes example3 { 
from {top: 1920px;} 
    to {top: -2920px;} 
} 

/* Standard syntax */ 
@keyframes example3 { 
    from {top: 1920px;} 
    to {top: -2920px;} 
} 

Answer 1

Обдумал это. Забыл «-webkit-» перед анимацией!