Introduction
L'effet de texte multi-contour est un style visuel rétro qui a été reproduit à l'aide de la propriété CSS text-stroke. Cependant, cette propriété n'acceptant qu'une seule valeur, les résultats obtenus ne correspondaient pas exactement à l'effet désiré.
Contexte Technique
Pour contourner cette limitation, il a été nécessaire de superposer plusieurs éléments et de varier la largeur du contour de texte (text-stroke-width) pour chaque couche. Les navigateurs dessinent automatiquement les contours des caractères en fonction de la largeur du trait, ce qui permet d'obtenir un effet de multi-contour.
La combinaison de différentes couleurs et leur ordre sont également essentielles pour obtenir l'effet désiré. Les navigateurs tels que FireFox, Chrome et Safari ont des rendus légèrement différents, notamment en termes de lissage des contours.
Analyse et Implications
L'utilisation de cette technique peut avoir des implications en termes de performances, notamment lorsque la taille de la police augmente. Les effets de flicking peuvent apparaître, ce qui rend cette méthode moins adaptée pour une utilisation en production.
Perspective
Il est important de surveiller les limites de cette technique, notamment en termes de performances et de compatibilité entre les navigateurs. Les prochaines étapes pourraient consister à explorer d'autres méthodes pour obtenir un effet de texte multi-contour, telles que l'utilisation de machine learning ou de bibliothèques de traitement d'image.
