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;.