Effets de texte

Particle formation text

Une toile de minuscules particules qui se rassemble sous la forme d’un mot, dérive une fois formée et s’éloigne du pointeur.

Move the pointer through the letters to push particles aside. Click, or press Enter after tabbing in, to scatter and reform.

Utiliser Particle formation text

Une toile de minuscules particules qui se rassemble sous la forme d’un mot, dérive une fois formée et s’éloigne du pointeur.

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: text, density, scatter, color, highlightColor

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

2807Fuzzy static textEffets de texteUn mot dessiné sur la toile et repeint en lignes de balayage instables, bourdonnant comme des parasites de télévision et se déformant plus fortement au survol ou en appuyant sur.

2405Pointer scatter headlineEffets de texteUn titre divisé en caractères uniques qui s’écartent et dégringolent lorsque le pointeur les parcourt, puis reviennent dans la ligne.

2307Blur in word revealEffets de texteLes mots d’une phrase passent d’un léger flou à une netteté l’un après l’autre à mesure que la phrase défile.

2825Character shuffle revealEffets de texteChaque personnage parcourt une bande de glyphes aléatoires comme une bobine de machine à sous avant d'atterrir sur la vraie lettre, révélée lors du défilement avec relecture en survol.

2317Cipher reveal textEffets de texteUne étiquette qui commence par être brouillée en symboles aléatoires et se décrypte en son texte réel lors de l'affichage, du survol ou du clic.

2136Cube flip lettersEffets de texteLe survol d'une ligne fait tourner chaque lettre d'un quart de tour en 3D, l'une après l'autre à partir d'une origine choisie, révélant une seconde face qui porte le même glyphe dans l'accent.