L’onglet Avancé
Avancé
L’onglet Avancé permet d’abord de gérer les marges externes et internes (margin et padding en CSS) :
- la marge externe s’applique AUTOUR de l’élément
- la marge interne s’applique A L’INTERIEUR de l’élément
Partout dans Elementor, les distances se gèrent soit en pixels, soit en em, soit en rem, soit en %.
Index-Z représente le niveau d’un élément dans l’empilement des couches : un élément avec un z-index de 1 se place au-dessus d’un élément à 0.
Id de CSS : correspond au # du CSS, pour donner un identifiant à un élément.
Classe CSS : correspond à la classe CSS notée .classe.
Effets de mouvement
Cette partie vous laisse ajouter des effets d’animation : votre section peut apparaitre (fade), glisser (slide in), rebondir (bounce), etc etc, il y a des dizaines d’effets. Testez !
A utiliser avec modération car cela peut ralentir la page et devenir gadget si tout remue de partout, mais cela peut assurément donner un côté visuellement attrayant si c’est bien utilisé.
Exemple de section avec un effet de mouvement Fade in down
