Icon Drop

Une icône s’échappe du bouton en flottant et s’efface pendant qu’une nouvelle arrive.

Ajoute un effet de survol « Icon Float Away » sur [où].
L’icône actuelle doit s’élever en flottant et s’effacer pendant qu’une nouvelle icône monte d’en bas pour prendre sa place, en douceur, et l’échange doit s’inverser quand le pointeur sort.
Garde la taille du bouton fixe pendant l’échange, et affiche le même effet au focus clavier.

Au survol, une flèche ou l’élément lui-même glisse de quelques pixels vers l’avant ou vers l’arrière.

Ajoute un effet de survol « Nudge Forward / Backward » (aussi appelé arrow nudge) sur [où].
La flèche doit glisser un peu dans la direction qu’elle indique tant que le pointeur survole l’élément, puis revenir quand il le quitte : rapide et léger.
Ne déplace que la flèche, sans décaler le libellé ni la mise en page, et affiche le même effet au focus clavier.

Une icône à l’intérieur d’un bouton tourne sur elle-même au survol du bouton.

Ajoute un effet de survol « Icon Spin » sur [où].
L’icône dans l’élément doit faire un tour complet en douceur quand le pointeur entre, puis revenir en tournant quand il sort.
Fais tourner uniquement l’icône, pas tout le bouton, et affiche le même effet au focus clavier.

Au survol, le libellé du bouton glisse vers l’extérieur tandis qu’une flèche et un remplissage s’étendent.

Ajoute un effet « Interactive Hover Button » sur [où].
Le petit point à côté du libellé doit s’agrandir jusqu’à remplir le bouton pendant que le libellé glisse sur le côté et s’efface, puis le libellé accompagné d’une flèche glisse par-dessus le nouveau remplissage : fluide et rapide.
Garde la taille du bouton fixe et le libellé lisible du début à la fin, et affiche le même effet au focus clavier.