Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在CSS中的动画的不同关键帧上启动不同的元素_Css_Animation_Keyframe - Fatal编程技术网

如何在CSS中的动画的不同关键帧上启动不同的元素

如何在CSS中的动画的不同关键帧上启动不同的元素,css,animation,keyframe,Css,Animation,Keyframe,如果我有一个CSS动画,我想创建该动画的各种实例,但从动画的不同阶段开始,我如何指定它 我想象的是这样的,第二行webkit是伪代码: #cell1 { width:100px; height:100px; -webkit-animation: pulse 35s infinite alternate; -webkit-animation: pulse start at 25%; } 根据我对规范的理解,animation del

如果我有一个CSS动画,我想创建该动画的各种实例,但从动画的不同阶段开始,我如何指定它

我想象的是这样的,第二行webkit是伪代码:

 #cell1
  {
      width:100px;
      height:100px;

       -webkit-animation: pulse 35s infinite alternate;
       -webkit-animation: pulse start at 25%;
  }

根据我对规范的理解,
animation delay
的负值将起到以下作用:

如果“动画延迟”的值为负时间偏移,则动画将在应用时执行,但似乎已在指定偏移处开始执行。也就是说,动画将在其播放周期的一部分开始。如果动画具有隐含的开始值和负的“动画延迟”,则从应用动画的那一刻开始获取开始值


编辑:这确实适用于我的chromium:

这是一个关于有趣问题的好教程。我曾经需要归档一个类似的结果,但最终“硬编码”了元素的初始状态。我想知道是否有人能解释一下。路人,你能给我一个你如何硬编码初始状态的例子吗?这个。特色。是令人惊叹的。非常感谢,这让我的项目变得容易多了