Animation

Circular wipe switcher

Un sélecteur de couleurs où le nouveau thème inonde toute la surface sous la forme d'un cercle s'étendant à partir du point exact sur lequel vous avez appuyé, tandis que l'anneau de sélection glisse entre les échantillons.

Live palette

Pick your accent

Every surface in the workspace repaints to match.

Utiliser Circular wipe switcher

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: colorA, colorB, colorC, duration, fromPointer

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

1676Composable RevealAnimationUn emballage de révélation dont les parties diapositive, fondu, zoom et défocalisation peuvent chacune être activées et combinées en une seule transition à ressort.

2205Pixel CurtainAnimationUn bloc de carrés colorés envahit une carte dans un ordre aléatoire, cache l'échange en dessous, puis s'efface de la même manière dispersée.

1808Spring easing toggleAnimationUne tuile qui glisse entre deux arrêts sur une courbe à ressort cuite dans une transition simple CSS, avec la courbe générée tracée à côté.

1814Swap timing modesAnimationTrois badges échangent la même paire d'icônes côte à côte selon trois règles de sortie différentes, de sorte que les suppressions superposées, séquentielles et out-of-flow peuvent être comparées en un coup d'œil.

1669Blur revealAnimationUn wrapper qui maintient son enfant flou et légèrement décalé jusqu'à ce qu'il entre pour la première fois dans la fenêtre, puis résout le flou et comble l'espace en un seul mouvement.

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.