0

我在 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 的其他一些问题所提到的,但这似乎并不能解决我的问题。

任何帮助表示赞赏。

4

1 回答 1

2

代替

-webkit-transition: all 500ms;

仅对要更改的属性进行动画处理

-webkit-transition: opacity,margin 500ms;
于 2012-09-14T00:44:58.263 回答