如果未指定，则值0％和100％的关键帧

Question

如果我有这个css代码：

keyframes cyclefive {

   76% { top: -325px; opacity: 0; }
   80% { top: 0px; opacity: 1; }


 }

什么值会有0％和100％？

我想他们会同时拥有{ top: 0px; opacity: 1; } 或0%将0% { top: -325px; opacity: 0; }

Answer 1

未指定从（0％）和到（100％）关键帧是invalid declaration。

  

为了使关键帧列表有效，它必须包含at的规则   至少时间0％（或来自）和100％（或来）（即起始时间）   并结束动画的状态）。如果这两个时间偏移   未指定，关键帧声明无效且不能   用于动画。

那就是说，我也建议reading this article

  

如果未指定0％和100％的关键帧值，则通常会使用浏览器   根据属性的计算值构造它们   动画。