Html CSS转换正在闪烁

当用户将鼠标悬停在“我的”按钮上时，会出现从左到右的颜色。当我将其悬停时，它不是平滑过渡，而是有点闪烁

我怎样才能解决这个问题

。向右滑动：悬停{
盒影：嵌入400px 0#D80286；
}
.按钮滑盖{
颜色：#FFF；
边框：2个实心rgb（216,2134）；
边界半径：0px；
填充：18px 36px；
显示：内联块；
字体系列：“Lucida控制台”，摩纳哥，monospace；
字体大小：14px；
字母间距：1px；
光标：指针；
方框阴影：插图0#D80286；
-webkit过渡：减少0.4s；
-moz过渡：放松0.4s；
过渡：放松0.4s；
}

---

只需向初始框阴影值添加一个非常小的扩展半径即可。在这种情况下，

框阴影：插入0.01px#D80286


。向右滑动：悬停{
盒影：嵌入400px 0#D80286；
}
.按钮滑盖{
颜色：#FFF；
边框：2个实心rgb（216,2134）；
边界半径：0px；
填充：18px 36px；
显示：内联块；
字体系列：“Lucida控制台”，摩纳哥，monospace；
字体大小：14px；
字母间距：1px；
光标：指针；
盒影：插入0.01px#D80286；
-webkit过渡：减少0.4s；
-moz过渡：放松0.4s；
过渡：放松0.4s；
}
上述注释可能重复也可以解决问题！可能重复的