Hover State Layer
Aussi appelée Hover State, State layer, Hover overlay
Une couche translucide teinte l’élément pour indiquer que le pointeur le survole.
Usages
Composants de design system
Variantes
- Hover
- Focus
- Pressed
- Dragged
- Selected
- Activated
Prompt
Remplacez [où] par la partie de votre page, puis collez le prompt dans votre agent IA. Chaque prompt contient le nom de l’animation : la prochaine fois, il vous suffira de la demander par son nom.
Ajoute un « Hover State Layer » (aussi appelé hover state, state layer ou hover overlay) sur [où].
Une couche translucide et légère dans la couleur du contenu doit apparaître rapidement en fondu sur l’élément tant que le pointeur le survole, puis disparaître quand il le quitte.
Garde-la légère pour préserver le contraste, et utilise le même principe de couche pour les états focus et pressé.