webkit 中的 CSS 转换

Question

我在 chrome 中看到一个关于 CSS 转换的有趣错误。

页面在转换过程中闪烁。目前我只在 Chrome 中看到过。

你可以在我的投资组合中看到这个:www.dkhalife.com

只需向下滚动到技能部分并反复将鼠标悬停在右侧的任何社交图标上，您就不会错过...

CSS过渡代码主要是:

-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;

基本上我只是使用悬停伪类更改不透明度和边距。

我试过:

-webkit-backface-visibility: hidden;  

正如在 SO 上的其他一些问题中提到的，但它似乎并没有解决我的问题。

感谢任何帮助。

Answer 1

代替

-webkit-transition: all 500ms;

只为你想改变的属性设置动画

-webkit-transition: opacity,margin 500ms;