Rotate texte pixélisé
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
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
3 réponses
-
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. -
il n'y a donc pas de code pour lissé le texte en CSS3?
-
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
