| <!DOCTYPE html> | |
| <style> | |
| div { | |
| background: white; | |
| margin: 10px; | |
| padding: 2px; | |
| transform: translate(0.5px, 0.5px); | |
| } | |
| </style> | |
| All of the following texts should not be blurry. | |
| <div style="will-change: transform">SHARP TEXT</div> | |
| <div style="backface-visibility: hidden">SHARP TEXT</div> | |
| <div style="transform: translate3d(0.5px, 0.5px, 0)">SHARP TEXT</div> |