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中滚动

1 个答案: