Rotate texte pixélisé

Milo_003 Messages postés 4 Statut Membre -  
totodunet Messages postés 1513 Statut Membre -
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
A voir également:

3 réponses

Quo
 
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.
0
Milo_003 Messages postés 4 Statut Membre
 
il n'y a donc pas de code pour lissé le texte en CSS3?
0
totodunet Messages postés 1513 Statut Membre 201
 
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
0