Rotate texte pixélisé
Milo_003
Messages postés
4
Statut
Membre
-
totodunet Messages postés 1513 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
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. -
-
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
