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 动画延迟：10 秒；我想延迟最后一个 @keyframe 吗？我怎样才能做到这一点？请帮忙。

Answer 1

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