<div class="-ani1">這是文字1</div>
<div class="-ani2">這是文字2,延遲1秒</div>
@keyframes rotate1{
  to {
    transform: rotate(360deg);
  }
}

.-ani1{
  border: 1px solid red;
  display: inline-block;
  animation-name: rotate1;
  animation-duration: 3s;
}
.-ani2{
  border: 1px solid red;
  display: inline-block;
  animation-name: rotate1;
  animation-duration: 3s;
  
  /* 延遲 1 秒,再開始執行 */
  animation-delay: 1s;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.