- for (let i = 0; i < 11; ++i)
  div(style={'--num': i}) 😸
View Compiled
div {
  position: absolute;
  font-size: 24px;
  animation-name: move1, move2;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: calc(-0.4s * var(--num));
}

@keyframes move1 {
  to { transform: translateX(256px); }
}
@keyframes move2 {
  from {  transform: none; }
  to { transform: translateY(256px); }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.