Aller au contenu
Fieldbook
Menu
Se connecter
FR

Animation

Easing preview tile

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

Utiliser Easing preview tile

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

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: easing, duration, delay, mirror, accent

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

Entrance timing playground
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.
Spring easing toggle
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é.
Interruptible hover swell
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.
Keyframe morph loop
1782Keyframe morph loopAnimationUn carré qui exécute une routine en boucle consistant à grandir, tourner et arrondir en cercle, en se tenant à chaque pose car les arrêts de timing sont inégaux.
Press and hover scale tile
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.
Scale in on view
1743Scale in on viewAnimationUn wrapper qui maintient son enfant petit jusqu'à ce qu'il défile pour la première fois, puis le fait apparaître en taille réelle, avec un décalage facultatif par élément pour les listes.