Ombre

Ajoutez une ombre à vos objets graphiques pour ajouter de la profondeur et de la dimension à votre interface utilisateur. Définissez leur couleur, taille, position et niveau de flou. Vous pouvez ajouter plusieurs ombres sur un même objet et créer des effets d’animation sur cette ombre.

Ajouter une ombre

Vous pouvez créer des ombres sur le texte, les images, les formes, les groupes, le composant Zone de défilement et le composant Flexbox.

Dans la section Styles des propriétés, cliquez sur Ajouter à côté de Ombres. Chaque ombre apparaît alors sur une ligne : cliquez dessus pour la modifier, ou sur la croix pour la supprimer.

Voici les propriétés de l’ombre portée :

• Couleur : choisissez la couleur de l’ombre portée.
• X : décale l’ombre portée le long de l’axe x (horizontal).
• Y : décale l’ombre portée le long de l’axe y (vertical).
• Flou (rayon) : adoucit le bord de l’ombre. Plus la valeur est grande, plus l’ombre est diffuse.
• Étendue : agrandit l’ombre au-delà du contour de l’objet.

Créer un effet d’ombre

Vous pouvez créer des effets d’ombre à l’aide des états.

Pour en savoir plus : Etats et transitions