Animation

Particle spray

Maintenez le pointeur enfoncé sur une commande et il pulvérise de petites particules partout où se trouve le pointeur, chacune se courbant, tournant, puis tombant et se dissipant.

Utiliser Particle spray

Maintenez le pointeur enfoncé sur une commande et il pulvérise de petites particules partout où se trouve le pointeur, chacune se courbant, tournant, puis tombant et se dissipant.

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: emitRate, size, lift, accent, shape

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

Celebration burst

1674Celebration burstAnimationUn éclat de toile de flocons de papier tirés d'un bouton, s'arquant en un bord étalé et flottant alors qu'ils tombent et se déposent hors du cadre sous l'effet de la gravité.

Press response tile

1798Press response tileAnimationUne dalle tactile qui se comprime sous le point de pression et rebondit lors du relâchement, s'inclinant vers l'endroit où vous avez poussé sur sa face.

Bobble tile grid

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.

Burst particle emitter

1672Burst particle emitterAnimationEnveloppe n'importe quel élément et déclenche un éventail décalé de petites taches à partir d'un bord choisi, lors d'un clic, sur une boucle ou la première fois qu'il défile dans la vue.

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.

Blur reveal

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.