每次翻译动画都会发生图像渲染。仅限Chrome

时间:2014-06-27 15:25:15

标签: css3 animation transform transition

以下是代码示例:http://codepen.io/fornyhucker/pen/zlxtu?editors=110

当悬停在“冬季图像”上时,最后两张图像将变得清晰,直到translateY动画结束。这种情况仅发生在Chrome中,并且只发生在动画元素之后的图像。

1 个答案:

答案 0 :(得分:1)

z-index:1提交至div > img,然后z-index:2;提交至div > span。我在过去有同样的问题,绝对定位div,z-index解决了我的问题。

demo