28106 sujets

CSS et mise en forme, CSS3

Bonjour, je sais pas si c'est un problème connu mais lorsque j'applique des transformations (translate) sur certains éléments, un effet d'aliasing disgracieux apparaît brièvement au survol des éléments transformés au niveau des textes. J'ai pas encore trouvé la parade..
Modifié par Hermann (13 Mar 2019 - 14:54)
JENCAL a écrit :
Ahhh...

c'est le moteur de rendu il me semble,
il va falloir modifier la propriété : image-rendering

Merci mais cette propriété ne s'applique qu'aux images, pas aux textes.

Bon j'ai réussi à trouver un peu de temps pour faire quelques recherches plus approfondies dont le résultat est que les déclarations
transform: translateZ(0) ou backface-visibility: hidden; 
empêchent indifféremment le changement d'aliasing au survol tout en en ajoutant aux textes sur lesquels elles s'appliquent. Malheureusement
-webkit-font-smoothing: antialiased/none ou la propriété text-rendering
n'améliorent rien.

J'ai l'impression que Webkit a été baclé (aliasing indésirable sur des filets et bordures, absence de précision dans les centrages verticaux..)
Modifié par Hermann (14 Mar 2019 - 21:04)