Question

这些动画以前都在使用，但我的CSS非常混乱，所以我把它清理干净，之后就停止了工作。 您应该关注的部分是.pbc和.ft以及shake和rightThenLeft关键帧。

这是我的CSS： http://pbear.comli.com/main.css

小提琴：https://jsfiddle.net/I3ANNED/g56bgfap/1/

<footer>
<h6 align="right" class="ft"><strong>http://youtube.com/zturbin</strong></p>
</footer>
<div class="pbc"><h5 class="pbct" align="center" style="font-family:Impact;
font-size: 3em; line-height:1.6em;">PB</p></div>

动画在单独播放时有效，但与网站的其余部分无关。

您在网站上停留70秒后，最后一个动画开始。

Answer 1

您在main.css中的webkit彩虹关键帧中缺少右括号。这导致了CSS解析错误，导致您的动画无法运行。

@-webkit-keyframes rainbow {

  0%{background-position:0% 82%}
  50%{background-position:100% 19% /* <----- Missing closing bracket */
  100%{background-position:0% 82%}

}

更正了CSS：

@-webkit-keyframes rainbow {

  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}

}

CSS动画不起作用（以前有效）

1 个答案: