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

前端之家收集整理的这篇文章主要介绍了输入字段从CSS3过渡中留下工件(在Chrome 15中)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsfiddle.net/danielcgold/SYgzJ/

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

解决方法

将此CSS添加到输入字段:
input {
    -webkit-transform: translate3d(0,0)
}

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

猜你在找的CSS相关文章