raf*_*ame 5 firefox google-chrome text-rendering css3 html-rendering
如果我对文本应用旋转,它将不会在Firefox和Chrome中呈现消除锯齿(仅在Windows中),但它在IE中正确呈现.此外,它在Mac OS X中的Chrome和Firefox中正确呈现.
以下是比较Windows 8中三个浏览器的屏幕截图:
上面的CSS转换很简单
transform: rotate(-1.5deg) translateY(-2px);
Run Code Online (Sandbox Code Playgroud)
这是一个小提琴:
有任何想法吗?
transform: translate3d(0, 0, 0);
Run Code Online (Sandbox Code Playgroud)
您可以尝试使用translate3d. 据我所知,它会触发元素渲染过程的硬件加速。你可以看到小提琴中的差异(至少在铬中)
| 归档时间: |
|
| 查看次数: |
2625 次 |
| 最近记录: |