Css Chrome浏览器中的框阴影过渡不平滑

使用Chrome浏览器在框阴影上进行奇怪的结巴/起伏过渡。我以前没有注意到这一点。Firefox、IE、Opera按预期执行转换。有没有人有同样的经验，可能有解决办法

html{
文本对齐：居中；
字体：13px开放式Sans；
颜色：#5c
}
A.
输入，
钮扣{
显示：内联块；
利润率：30px自动0；
边框：4px实心#dedede；
背景:#f3；
填充：10px 25px；
文字装饰：无；
颜色：继承；
线高：1；
-webkit过渡：长方体阴影.5s立方贝塞尔（0.22,0.61,0.36,1）；
-moz变换：长方体阴影.5s立方贝塞尔（0.22,0.61,0.36,1）；
过渡：方块阴影。5s立方贝塞尔（0.22,0.61,0.36,1）；
}
a:悬停，
输入：悬停，
按钮：悬停{
-网络工具包盒阴影：0px 5px 4px-3px rgba（0,0,0,0.70）；
-moz盒阴影：0px 5px 4px-3px rgba（0,0,0,0.70）；
盒影：0px 5px 4px-3pxRGBA（0,0,0,0.70）；
}

我是一个输入
由于我自己不知道的原因，悬停状态下的框阴影过渡
会执行波状（口吃）。目前为止只在Chrome上体验过

好的按钮

Box shadow是要渲染的斩波效果之一。如果您只对“input type=submit”有疑问，也许您可以删除恐龙代码。：）在Mac 10.12的Chrome 58上试用过，无法重现您的问题。盒子阴影过渡看起来很完美。@JenniferMichelle-我希望可以，但我工作的ecomm平台将其用于面板更新（表单）。在韶川电脑-我在Windows7和10上