Html 如何防止流沙动画出现故障？

出于某种奇怪的原因，每当我切换其中一个选项（如web/ios/print）时，动画会出现奇怪的小故障，动画会跳过

但是当我删除代码

*，*：after，*：before{-webkit-box-size:border-box；-moz-box-size:border-box；box-size:border-box；}

从我的风格，它工作正常，但只发现我的悬停动画剪辑

所以我要问的是，我如何让动画故障停止？（只需单击站点上的一个过滤器即可查看故障）

为了进行比较，请查看，您可以看到它看起来有多平滑

---

我真的很挑剔，动画不流畅的方式让我很困扰。

这很容易，因为你已经知道couses出现故障的原因。 quicksand是一个插件，因此它不够聪明，无法计算css。 此外，最好不要将框大小css应用于实践。 我建议你坐火车

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

---

自己计算figcaption的宽度和填充

是的，我不妨试试，谢谢，但如果有人找到解决办法，请告诉我