Onglet Style – Effets

L’ajout d’une ombre portée à votre élément peut lui donner de la profondeur et lui permettre de se démarquer sur la page. Pour un aperçu plus approfondi des ombres, consultez Qu’est-ce que l’ombre, l’ombre du texte et l’ombre portée ?

Ajouter une ombre portée à un élément

Pour ajouter une bordure : 

1. Ouvrez l’éditeur elementor.
2. Ajouter un élément au canevas.
   
3. Cliquez sur l’onglet Style.
   
4. Ouvrez le champ Effets.
    
5. Pour ajouter une ombre, cliquez sur le signe plus à côté de Ombre portée.
   
6. Vous disposez alors des options suivantes :
   1. Couleur : Définissez une couleur pour l’ombre. Pour plus de détails, consultez Utiliser le sélecteur de couleurs.  
   2. Position : Il existe deux types d’ombre portée :
      1. Externe : l’ombre commence à la bordure de l’élément et s’étend vers l’extérieur.
      2. Interne : L’ombre commence à la bordure de l’élément et s’étend vers l’intérieur.
   3. Horizontal et Vertical : Vous pouvez obtenir des effets intéressants en modifiant la position de l’ombre. Utilisez les champs numériques pour déplacer l’ombre vers la droite et la gauche (Horizontal) ou vers le haut et le bas (Vertical).
   4. Flou et Étendue : L’effet d’ombre est créé en partant d’une couleur unie puis en appliquant progressivement un flou à la couleur.
      1. Flou : Étend la zone couverte par la couleur floue.
      2. Étendue : Étend la zone couverte par la couleur unie. 

Ajouter des couches à votre ombre portée

Après avoir créé une ombre portée, vous pouvez ajouter plus de profondeur ou créer des effets uniques en ajoutant plus de couches à l’ombre. 

Pour ajouter une couche à une ombre portée :

1. Sélectionnez un élément avec une ombre portée et ouvrez le champ Effets.
   
2. Cliquez sur le signe plus à côté d’Ombre portée.
   La fenêtre des options d’ombre portée apparaît.
   
3. Définissez les options d’ombre portée et cliquez en dehors de la fenêtre pour la fermer.
   Vous avez créé une deuxième couche d’ombre portée.