gpt4 book ai didi

css - css中的闪烁动画问题

转载 作者:太空宇宙 更新时间:2023-11-04 06:02:53 24 4
gpt4 key购买 nike

我制作了一个看起来像 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com