css - 混合CSS动画迭代

有没有办法在CSS动画的迭代之间进行融合？考虑this example。动画进入100%，然后突然重置为0%。我想摆脱那种突然的过渡。

最佳答案

只需使0％关键帧和100％关键帧相同即可。就你而言

0% {
  box-shadow:
    @tqua @tqua, // bottom right
    @double 0, // middle right
    @tqua -@tqua, // top right
    0 -@double, // top middle
    -@tqua -@tqua, // top left
    -@double 0, // middle left
    -@tqua @tqua, // bottom left
    0 @double 0 @resize; // bottom middle
}

demo

关于css - 混合CSS动画迭代，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22568862/