État de l'élément (bureau, survol...)

Bien que slidde soit aussi simple qu'un outil de conception graphique. Les états des éléments sont la fonction qui permet de réaliser un design web réactif et une animation interactive. En utilisant les états des éléments, vous pouvez créer une belle affiche, puis la transformer en une véritable page web.

En cliquant sur le bouton , vous pouvez voir quels états d'élément sont autorisés pour cette propriété de style.

Par défaut

L'état par défaut pour cette propriété de style.

Bureau

L'état bureau est défini pour cibler spécifiquement les écrans de bureau. Cela vous permet d'adapter votre conception pour les écrans plus grands, assurant une disposition et une fonctionnalité optimales sur les appareils de bureau.

Lorsque vous ajoutez un état bureau pour une propriété de style, l'état par défaut s'applique aux écrans mobiles, et l'état bureau s'applique aux écrans de bureau. Vous définissez généralement des tailles de police et des espacements plus grands pour l'état bureau.

Survol

L'état survol est déclenché lorsqu'un utilisateur déplace son curseur sur un élément. Il est utile pour indiquer l'interactivité, comme mettre en évidence des boutons ou des liens.

Habituellement, vous pouvez définir des couleurs, des échelles, des rotations pour les états de survol.

Pressé

L'état pressé est activé lorsqu'un élément est cliqué ou tapé. Cela peut être utilisé pour créer un effet de retour visuel, indiquant qu'un bouton ou un lien a été pressé.

Sélectionné

L'état sélectionné s'applique à un bouton ou un lien lorsqu'il correspond à l'URL actuelle. Cela est souvent utilisé pour les menus de navigation afin de mettre en évidence la page active.

Focus

L'état focus est utilisé pour les entrées et les zones de texte lorsqu'elles sont sélectionnées, généralement via la navigation au clavier. Cela aide les utilisateurs à identifier quel champ de saisie est actif.

Espace réservé

L'état de l'espace réservé (placeholder) stylise le texte de l'espace réservé dans les champs de saisie et les zones de texte. Cela peut être personnalisé pour correspondre à votre esthétique de design.