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

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3212 days ago, the information mentioned may be changed or developed.

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

节点

动画

精确

设置

13 replies • 2017-08-11 11:34:56 +08:00

FrankFang128

Aug 10, 2017

33.333333%

islujw

Aug 10, 2017

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

JimmyCai

Aug 10, 2017 via Android

用 calc() ？

oott123

Aug 11, 2017 via Android

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

geelaw

Aug 11, 2017 via iPhone

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

islujw

Aug 11, 2017

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

islujw

Aug 11, 2017

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

islujw

Aug 11, 2017

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

viko16

Aug 11, 2017

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

islujw

Aug 11, 2017

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

geelaw

Aug 11, 2017 via iPhone

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

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

Mutoo

Aug 11, 2017

精确控制请用 js。

islujw

Aug 11, 2017

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