关键帧未在 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-”！

关键帧未在 Chrome 中滚动

Keyframe not Scrolling in Chrome

javascript

scroll

google-chrome

keyframe