Как анимировать в CSS справа-налево?

Question

[Rico Man]

Есть 5 боксов, сейчас, в примере их backrgound-color анимируется слева-направо. Как анимировать, чтобы бэкграунды заполнялись справа-налево? Игрался с animation-direction - не помогло.

ссылка на песочницу

Answer 1

[Евгений]

Поменять delay с 0.1-05s блокам на .05-0.1s

.{
  animation-delay: 0.5s;
}

.box_2 {
  animation-delay: 0.4s;
}

.box_3 {
  animation-delay: 0.3s;
}

.box_4 {
  animation-delay: 0.2s;
}

.box_5 {
  animation-delay: 0.1s;
}

Comments

[Rico Man]

логично, спасибо