当我将鼠标悬停在按钮上时，Html/Css会闪烁

我一直在寻找一些解决方案，但我似乎很愚蠢，改变了我需要的方式，所以我决定发表一篇文章。 以下问题：

按钮{
字体系列：自定义粗体；
宽度：100%；
字号：1.1rem；
大纲：无；
填充：10px；
背景色：rgba（0,0,0,0.322）；
边界：无；
边界半径：5px；
颜色：白色；
长方体阴影：3px 3px 3px rgba（0,0,0,0.5）；
文本阴影：3px3px3pxRGBA（0,0,0,0.5）；
}
按钮：悬停{
背景色：rgb（255、255、255）；
显示：内联块；
变换：透视图（1px）translateZ（0）；
变换：透视图（1px）translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
位置：相对位置；
溢出：隐藏；
过渡性质：颜色；
过渡时间：0.5s；
颜色：rgb（0,0,0）；
}

---

thatsabutton

您只需转换颜色，将其更改为“全部”，就可以了。 还可以将其添加到button类中以执行反向操作

按钮{
字体系列：自定义粗体；
宽度：100%；
字号：1.1rem；
大纲：无；
填充：10px；
背景色：rgba（0,0,0,0.322）；
边界：无；
边界半径：5px；
颜色：白色；
长方体阴影：3px 3px 3px rgba（0,0,0,0.5）；
文本阴影：3px3px3pxRGBA（0,0,0,0.5）；
过渡性质：全部；
过渡时间：0.5s；
}
按钮：悬停{
背景色：rgb（255、255、255）；
显示：内联块；
变换：透视图（1px）translateZ（0）；
变换：透视图（1px）translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
位置：相对位置；
溢出：隐藏；
过渡性质：全部；
过渡时间：0.5s；
颜色：rgb（0,0,0）；
}

---

thatsabutton

您只需转换颜色，将其更改为“全部”，就可以了。 还可以将其添加到button类中以执行反向操作

按钮{
字体系列：自定义粗体；
宽度：100%；
字号：1.1rem；
大纲：无；
填充：10px；
背景色：rgba（0,0,0,0.322）；
边界：无；
边界半径：5px；
颜色：白色；
长方体阴影：3px 3px 3px rgba（0,0,0,0.5）；
文本阴影：3px3px3pxRGBA（0,0,0,0.5）；
过渡性质：全部；
过渡时间：0.5s；
}
按钮：悬停{
背景色：rgb（255、255、255）；
显示：内联块；
变换：透视图（1px）translateZ（0）；
变换：透视图（1px）translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
位置：相对位置；
溢出：隐藏；
过渡性质：全部；
过渡时间：0.5s；
颜色：rgb（0,0,0）；
}

---

thatsabutton

闪烁是什么意思？我看不出有什么区别，当我加上页边空白时，我这边的页边空白通常是这样的，而当我加上页边空白时，页边空白会向下延伸，就像这样，这不是我想要了解你的问题的原因？这把小提琴闪烁吗？它没有，现在我很困惑，为什么当我在我的项目的任何地方使用botton时，它在我这边闪烁？你真的需要悬停时的

透视图

/transform吗？有时会导致奇怪的渲染问题闪烁是什么意思？我看不出有什么区别，当我加上页边空白时，我这边的页边空白通常是这样的，而当我加上页边空白时，页边空白会向下延伸，就像这样，这不是我想要了解你的问题的原因？这把小提琴闪烁吗？它没有，现在我很困惑，为什么当我在我的项目的任何地方使用botton时，它在我这边闪烁？你真的需要悬停时的

透视图

/transform吗？有时它会导致奇怪的渲染问题