更改或增加多个CSS动画延迟

Question

在多个设置元素中应用更改动画延迟的好方法是什么？ 如果是这样.element1，... .elementXX具有所有独特的时间。然后你想要将所有延迟改变5秒。

我可以使用settimeout将动画启动类应用于元素，但应该有更有效的解决方案吗？

*编辑

澄清。现有动画

.element1{animation: fade 1s linear 1s normal;}
.element2{animation: fade 1s linear 2s normal;}
.element3{animation: fade 1s linear 3s normal;}
.
.
.
.elementXX{animation: fade 1s linear XXs normal;}

考虑到已经设置了所有这些动画时序和延迟，您是否可以设置延迟，增加现有的时间。 + 10秒等...