How to perform such manipulations in sass?

Question

WordPress

We have a large number of class="item0" up to class="item400" or more .
How to execute keyframes for all these classes in sass less or other preprocessor but with different animation delay?
Purpose: shortening the css code - so as not to write for each class its own keyframes in css

Answer 1

You need to dig in this direction https://codex.wordpress.org/Rewrite_API/add_rewrit...

Answer 2

Why multiply keyframes at all, one is not enough?

$base-delay: 100ms;
@for $i from 0 through 400 {
  .item#{$i} {
    animation-delay: $base-delay + $i;
    animation-name: myanimation
  }
}
@keyframes myanimation { .... }