如何使多个文本阴影按顺序出现？

Question

我尝试使用transition: all .4s steps(4, end);但当然，所有阴影分四步显示，但我想要一个阴影出现，然后是下一个，然后是下一个，依此类推，在{ {1}}转型。 this is the site.

CSS：

.4s

Answer 1

transition的第一个参数是您要应用转换的属性。在您的情况下，您已指定all，也许您应该指定text-shadow

然后在text-shadow中仅指定最终状态，因为您已经要求它完成4个步骤。

我检查了代码，似乎工作正常：

a {
color: white;
text-decoration: none;
}
a:hover, a:active {
    text-decoration: line-through;
    transition: text-shadow .4s steps(4, end);
    text-shadow: 6px 2px rgba(255, 255, 255, .6);
}