Accueil - Non classé - Créer un effet de texte avec des coutours de caractères dans Divi

Créer un effet de texte avec des coutours de caractères dans Divi

26 Août 2022

Cet effet de texte vise à transformer une police dont les caractères sont pleins, par des caractères transparents avec simplement le contour visible, comme ceci :

effet de texte avec contours sur les caractères de police

Pour cela, il vous suffit d’ajouter le code css suivant dans la zone « Element principal » du css de votre mocule texte (onglet « avancé » puis accordéon « personnaliser css »).

code css pour transformer une police avec contour
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 1px;
  • « -webkit-text-fill-color: » vous permet d’ajuste la couleur de remplissage des caractères.
  • « -webkit-text-stroke-color: » vous permet d’ajuster la couleur des contours.
  • « -webkit-text-stroke-width: » vous permet d’ajuster l’épaisseur du trait des contours de la police.

Les autres réglages comme la taille de la police, l’interlettrage, etc restent modifiables dans l’onglet style de votre module texte.

un problème ?

La solution de cet article ne fonctionne pas ou plus ? Faites-nous en part et nous étudierons le problème pour trouver une solution et vous la communiquer.

[ninja_form id=1]

sujets liés

Erreur de shortcode : l'attribut view-id est manquant ou incorrect (acf_views view-id="778" name="posts")

Vous cherchez un plugin ?

Faites le bon choix pour votre projet en lisant nos reviews et tests approfondis de plugins.

Share This