Animation

Spring easing toggle

Une 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é.

Utiliser Spring easing toggle

Une 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é.

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: bounce, duration, accent, showCurve, spin

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

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.

1773Entrance timing playgroundAnimationUn disque rejoue le même mouvement d'entrée à la demande afin que vous puissiez ressentir exactement la durée, le retard et la courbe d'assouplissement de chacun.

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.

1810Spring tunerAnimationUne tuile qui saute entre deux états tandis qu'une trace active trace son dépassement, de sorte que la rigidité, l'amortissement et la masse peuvent être ressentis et lus en même temps.

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.

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.