@keyframes 如何精确设置三分之一的时间点？

[islujw]

@keyframes 可以设置百分比节点，但如果要三分之一、三分之二的节点呢？ 33.33% 毕竟不是精确的，我需要循环的动画，久而久之动画会出现差错的。

[FrankFang128]

33.333333%

[islujw]

@FrankFang128 这我可以打一百个，比你还多……

[JimmyCai]

用 calc() ？

[oott123]

用 33% 。再久而久之也不会出现差错。

[geelaw]

并不会久而久之出错，只是你每次看到的动画其实都不是完美的 1/3 而已。

[islujw]

@oott123 这个动画是和别的配合的哦，两个会渐渐碰不上的。

[islujw]

@geelaw 这个动画是和别的配合的哦，两个会渐渐碰不上的。

[islujw]

@geelaw Sorry，我的意思是，这个动画是和别的精密配合的，不是完美的 1/3 会有可感知的一瞬之间的卡住的感觉。

[viko16]

@islujw #8 完美配合应该用 animationstart animationend 等事件处理咯？

[islujw]

@viko16 谢谢 ^^，我去研究下～

[geelaw]

@islujw 那你让另一个动画也不完美就好了。而且我想象不到你要怎么设置两个动画才会“久而久之”地不同步。

或者把问题极小化详细描述到底是怎么一个需求。

[Mutoo]

精确控制请用 js。

[islujw]

@geelaw 也就是说，@keyframes 无法设置非整数。