html - 如何在最后一个@keyframe CSS3 中延迟时间？

Question

路径上有动画。这是我的 CSS 代码:

#target {
  -webkit-animation: myPathX 1.5s infinite ;
  -moz-animation: myPathX 1.5s infinite ;
  -ms-animation: myPathX 1.5s infinite ;
  -o-animation: myPathX 1.5s infinite ;
  animation: myPathX 1.5s infinite ;
  -moz-animation-fill-mode: backwards;
  -moz-animation-delay:10s;


}

#target > * {
  -webkit-animation: myPathY 1.5s infinite ;
  -moz-animation: myPathY 1.5s infinite ;
  -ms-animation: myPathY 1.5s infinite ;
  -o-animation: myPathY 1.5s infinite ;
  animation: myPathY 1.5s infinite ;
  -moz-animation-fill-mode: backwards;

-moz-animation-delay:10s; 我想延迟最后一个@keyframe 吗？我该怎么做？ 请帮忙。

Answer 1

你可以试试:animation-delay: 2s;。