Rotate texte pixélisé Fermé

Question

Bonjour,

je mets en place un rotation de texte en CSS.

La rotation fonctionne pour tous les navigateurs, par contre le texte est complètement pixélisé.

Voici le code : 
#rotate {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0.08, M21=-0.08, M22=0.9,sizingMethod='auto expand')"; /* IE6-8 */
  -webkit-transform:rotate(355deg); /* Chrome & Safari */
  -moz-transform:rotate(355deg); /* Firefox */
  -o-transform:rotate(355deg); /* Opera */
  -ms-transform:rotate(355deg); /* IE9+ */
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}


Merci de vos réponse

Quo · Answer

Chaque navigateur gère lui même la façon dont il effectue la rotation. Le résultat peut donc varier selon les navigateurs/versions.

Il n'y a rien que tu puisse y faire.

Milo_003 · Answer

il n'y a donc pas de code pour lissé le texte en CSS3?

totodunet · Answer

slt! il y a la propriété font-smoothing du CSS3 mais le truc c'est que c'est déjà automatique dans le rendu de la plupart des navigateurs quand le texte subit une transformation donc pas de réel intérêt. Très peu utilisée cette propriété en tout cas

https://www.icondeposit.com/blog:how-to-properly-smooth-font-using-css3

tu peux toujours essayé mais je suis pas sûr que ça changera grand chose. si c'est pixelisé, c'est la taille ou la police qui ne convient pas

Rotate texte pixélisé

3 réponses

Discussions similaires