为所有孩子创建动画

Question

我试图为.flow的所有孩子创建动画，每个孩子都有越来越多的延迟。我期望以下代码可以工作，但显然插值不支持属性值。

for i in (1..6)
    .flow a:nth-child({i})
        animation 1s 0.{i}s fadeIn both

此代码适用于延迟，但不适用于子选择器。

for i in 0.1s 0.2s 0.3s 0.4s 0.5s 0.6s
    animation 1s {i}s fadeIn both

任何想法？

Answer 1

在这种情况下，您需要使用()。

for i in (1..6)
  .flow a:nth-child({i})
    animation 1s (i / 10)s fadeIn both