很多人都知道CSS中添加transform:translate3d(0,0,0)能起到一个GPU加速的效果，让动画更流畅。
但是这也带来了副作用。
1、文字模糊？
下面是使用了transform:translate3d后，很明显的出现了文字模糊，看起来很不舒服；
2、快速修复bug
先不问底层是如何造成的，我们先来修复一下这个问题，只要我把里面带小数的参数改成整数的，那么这个问题马上解决，下图很清晰了
3、微软Edge浏览器没问题
4、为什么？
我猜想这是和Chrome用的渲染引擎的工作方式有关，具体为什么，有空再详细研究吧。//TODO
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。