<!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> |