css - css中的闪烁动画问题

标签 css

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

相关文章:

html - CSS/HTML - 居中绝对定位图像

HTML 背景图像

html - Css 无法应用于子 div

css - 如何在 scss mixin 中使用多个选择器或嵌套选择器

css - 在较小的屏幕上截断标签,同时在较大的屏幕上保持输入位置

html - 使用 Bootstrap 水平堆叠全尺寸背景图像?

css - 使用 css 均匀分布菜单列表项

具有停止功能的 jquery 滚动内容

css - 默认模糊图像,悬停时显示?

html - 无论浏览器或设备如何,如何将页脚固定在屏幕底部?