我制作了一个看起来像 Firebug 的动画,但在开始新循环时它一直在闪烁
我使用了 -webkit-transform-style: preserve-3d;
和 -webkit-backface-visibility: hidden;
但它们不起作用
https://codepen.io/Triciah101/pen/YmKLzb 这是代码笔上的代码示例。
我希望动画流畅,没有奇怪的闪烁。
最佳答案
因为您从 0% 的 translate
位置开始,并以 100% 的另一个距离结束。
尝试匹配 0% 和 100%,这样动画中就会出现“组合”。
此外,您将从 0% 变为 2% 并改变很多距离。这太快了,会导致不良影响。
关于css - css中的闪烁动画问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57125198/