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.

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).
Radius : ajoute des coins arrondis sur l'ombre
Bordure : choisissez d'afficher ou non une bordure et la taille de cette bordure

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