Javascript 关键帧不在Chrome中滚动
第一次使用关键帧,所以我可能会错过一些明显的东西,但由于某些原因,我无法使用Chrome进行滚动。它在IE和Firefox上运行良好。我在这里找到的唯一解决方案是添加了一个分号,Firefox忽略了这个分号,而Chrome没有。任何帮助都会很好Javascript 关键帧不在Chrome中滚动,javascript,google-chrome,scroll,keyframe,Javascript,Google Chrome,Scroll,Keyframe,第一次使用关键帧,所以我可能会错过一些明显的东西,但由于某些原因,我无法使用Chrome进行滚动。它在IE和Firefox上运行良好。我在这里找到的唯一解决方案是添加了一个分号,Firefox忽略了这个分号,而Chrome没有。任何帮助都会很好 .example3 { height: 1920px; overflow: hidden; position: relative; text-align:center; font-family: "Flama"; font-size: 35px; }
.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;}
}
我明白了。在动画之前忘记“-webkit-”