css - pero - El texto de Chrome se vuelve borroso en la transición de opacidad

opacidad imagen de fondo css

Question

De acuerdo, el buen viejo problema con el texto borroso en cromo.

Estoy creando un menú desplegable de CSS que transita de visibility: hidden y opacity: 0 a visibility: visible y opacity: 1 y el texto se vuelve un poco borroso.

Este problema no está presente en Firefox. Ahí el texto es nítido.

Puedes ver el violín: http://jsfiddle.net/swum8rm7/1/

Al eliminar la transición en la línea 21 , verá que el texto se vuelve nítido. Probé todo tipo de translateZ y chanchullos de la backface y no puedo hacer que funcione correctamente.

Answer 1

Agregar -webkit-font-smoothing: antialiased hace que el texto sea mucho mejor (aunque todavía es un tanto borroso)