输入字段从CSS3过渡中留下工件(在Chrome 15中)

Question

http://jsfiddle.net/danielcgold/SYgzJ/

当你点击输入然后继续模糊时,工件会留在Chrome 15的屏幕上.我首先在我正在开发的网站上注意到这个问题所以我除了输入字段和按钮之外的所有内容.当我删除按钮时,转换发生就好了.有任何想法吗？

Answer 1

将此CSS添加到输入字段:

input {
    -webkit-transform: translate3d(0,0,0)
}

这将迫使Chrome使用您的GPU进行所有渲染,这将解决工件问题并使您的动画更加平滑.