CSS动画铬滞后

在chromium中，动画看起来滞后，而在safari中，这没有问题。但也有一个问题，由于某些原因，下边框并不总是合适的，它也可以在gif上看到。

正文{
背景：黑色
}
.按钮{
填充：1px；
保证金：20px自动；
显示：表格；
溢出：隐藏；
}
钮扣{
颜色：白色；
边界：无；
背景：黑色；
位置：相对位置；
填充：10px 20px；
}
按钮：前，按钮：后{
内容：''；
位置：绝对位置；
显示：块；
宽度：50%；
z指数：-1；
身高：50%；
过渡：2秒轻松；
}
按钮：之前{
底部：-1px；
左：-1px；
背景：径向梯度（椭圆0.100%，白色0%，透明80%）；
}
按钮：之后{
顶部：-1px；
右：-1px；
背景：径向梯度（100%0的椭圆，白色0%，透明80%）；
}
按钮：悬停：之后，按钮：悬停：之前{
宽度：200%；
身高：200%；
}

提交

这是一个图形问题 这是图形渲染的一个问题。您可以尝试通过优化chrome和计算机来改善浏览器的图形渲染

确保您的所有驱动程序都是最新的

确保您的应用程序是最新的

关闭不必要的选项卡和窗口

卸载浏览器插件/扩展

硬件实验 Chrome的设置中隐藏了一种实现硬件加速的方法， 这可能会也可能不会提高Chrome在您计算机上的性能。 硬件加速允许CPU卸载一些页面渲染 以及将任务加载到系统的GPU

关于硬件加速是有帮助还是有害，存在一些争论 演出我不觉得它有什么作用，但也许它会 帮助您的系统更有效地运行Chrome。另外，这是值得的 正在调查是否启用了硬件加速

• 要查找设置，请单击三点菜单按钮并选择 设置
• 向下滚动至设置页面底部，然后单击 显示高级设置
• 向下滚动至系统部分并检查 （或取消选中）可用时使用硬件加速框
• 重新启动Chrome

同样，您的里程数可能会随着硬件加速而变化，但值得一试，看看您是否能更好地使用硬件加速

点击重置按钮 如果所有其他操作都失败，您可以重置Chrome并将浏览器恢复到正常状态 默认设置。重置Chrome并不能消除所有问题；你的 书签、浏览历史记录和保存的密码不会重置。什么 重新设置Chrome是您的起始页，新选项卡页， 固定标签和默认搜索引擎（如果不是谷歌）

复位按钮位于硬件加速设置的正下方 在“高级设置”页面上。单击重置设置按钮并单击 然后单击重置以确认您的意图

---

你可以尝试使用意志改变。不幸的是，这些价值观都没有帮助