Les images jouent un rôle vital dans la conception Web, vous utiliserez donc probablement beaucoup le widget Image lors de la conception de votre site Web. Passons en revue tous les paramètres que vous pouvez contrôler pour ce widget.

widget d'image

Contenu

  1. Image – Téléchargez une image ou choisissez Dynamique pour utiliser dynamiquement l’image en vedette des publications, le logo du site et l’image de profil de l’auteur.
  2. Taille de l’image – Choisissez la taille de l’image
  3. Alignement – Définissez l’alignement de l’image
  4. Légende – Ajoutez une légende au bas de l’image.
  5. Lien vers – Définissez un lien vers une URL, un fichier multimédia ou aucun lien.

Style

  1. Largeur – Définissez la largeur de l’image
  2. Largeur maximale – Définissez la largeur maximale de l’image
  3. Animation de survol – Cliquez sur la liste déroulante pour choisir une animation de survol
  4. Filtres CSS – Définissez les filtres CSS: flou, luminosité, contraste et saturation
  5. Opacité – Définissez l’opacité
  6. Durée de la transition – Définissez la durée de l’animation de survol
  7. Type de bordure – Définir un type de bordure
  8. Rayon de la bordure – Définir un rayon de la bordure
  9. Ombre de boîte – Définir l’ombre de boîte: horizontale, verticale, floue et étalée
  10. Légende – Définissez l’alignement, la couleur du texte, l’ombre du texte et la typographie de la légende.

Remarque : les modes de fusion / filtres CSS ne fonctionnent pas avec Internet Explorer.

Avancée

Définissez les options avancées applicables à ce widget


Source : https://docs.elementor.com/article/112-image