RSS
Google+
Twitter
FacebookSi bien Firefox 4 trae muchas mejoras y entre estas esta su soporte para muchas nuevas funciones de CSS3, he encontrado un error de renderizado de texto con la propiedad transition para un transform aplicado a un texto de cierto tamaño.
Por ejemplo, usando Firefox 4 se fijaran que al poner el cursor encima del siguiente texto de 100px, no hay cambios en su grosor ni pixelado:
Pero si cambiamos el tamaño del texto a 18px, algo raro pasa, en el momento de la animación (del movimiento) el texto se hace más delgado y al final cuando ya no se mueve el texto se vuelve más grueso.
Al menos esto me pasa con Firefox 4 en Windows 7. ¿A Ustedes?
Chrome y Safari
Esta falla no sucede con Chrome o Safari (ambos usan webkit) en ambos la frase nunca cambia de grosor sin importar su tamaño, y se ve muy fluida la animación de texto (aun teniendo sombra), de ahí que no creo que sea por el ClearType de Windows, sino por el mismo render de Firefox.
PD.- como se habrán dado cuenta este mismo fallo sale en la frase aleatoria de nuestro header (donde incluso es un poco más notorio). Se agradece si alguien encuentra una solución.
Seguinos en Twitter @aeromental y Facebook
¿Qué es Aeromental?
Intenta cambiando zoom con la ruedita del mouse, si esto persiste o no.
Chrome 10 en XP SP2:
Resultado Actual: El frame final en ambos textos 1 y 2 sale con uno o dos pixels mas arriba.
Resultado Esperado: Frame final deberia estar 1 o 2 pixeles mas abajo.
Buen post!.
Esto es uno de los muchos errores que aun tiene Firefox 4.
- Windows 7 x64 : Ve mal el primer ejemplo , y en el segundo un desastre , las letras quedan asi como despixeladas.
- Chrome 10 : Perfecto !
Saludos!
Gracias Neysi, a mi también se me hizo molesto y muy notorio el error y se nota la diferencia cuando usas Chrome con el mismo efecto.
Revisando el tema por casualidad note que en :
Windows XP SP3 y usando Chrome 10.0.648.205 desaparece completamente la seccion de la frase aleatoria del header , anuncios incluidos