Animation

True hover swatch

Un échantillon de couleur qui s'agrandit uniquement pour un véritable survol du pointeur, ignorant le faux survol qu'un toucher tactile déclenche afin qu'il ne reste jamais bloqué en agrandi.

idle

Utiliser True hover swatch

Un échantillon de couleur qui s'agrandit uniquement pour un véritable survol du pointeur, ignorant le faux survol qu'un toucher tactile déclenche afin qu'il ne reste jamais bloqué en agrandi.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: hoverScale, duration, accent, radius, showState

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1797Press and hover scale tileAnimationUne tuile qui gonfle au survol et s'écrase à la pression, la presse battant toujours en survol et les deux étant résolus à partir d'un seul ressort afin que les gestes ne se battent jamais.

1780Interruptible hover swellAnimationUne tuile dont le gonflement en deux étapes commence toujours à partir de sa taille actuelle, donc l'activation et la désactivation du pointeur ne la font jamais se casser.

1763Bobble tile gridAnimationUne grille de tuiles colorées qui s'éloignent du pointeur sur un ressort, rebondissant plus fort à mesure que le pointeur les traverse rapidement.

1766Color blend compareAnimationDeux échantillons bouclent entre la même paire de couleurs, l'un mélangé avec des valeurs de canal brutes et l'autre avec une lumière linéaire, montrant le creux provoqué par une transition simple.

1682Diagonal Glare SweepAnimationUn emballage qui fait glisser une étroite bande de lumière en diagonale sur tout ce qu'il contient lorsque le focus du pointeur ou du clavier arrive.

1772Easing preview tileAnimationUne tuile qui joue la même échelle sous n'importe quelle courbe d'assouplissement que vous choisissez, avec la courbe dessinée à côté et un marqueur qui la chevauche de manière synchronisée.