Effets de texte

Morphing Headline

Un titre qui dissout une phrase dans la suivante, laissant les lettres correspondantes glisser vers leur nouvel emplacement tandis que le reste est flou et s'éloigne ou s'agrandit.

Utiliser Morphing Headline

Un titre qui dissout une phrase dans la suivante, laissant les lettres correspondantes glisser vers leur nouvel emplacement tandis que le reste est flou et s'éloigne ou s'agrandit.

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: holdDelay, loop, accentColor, phraseSet

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

1915Aurora glow headingEffets de texteUn titre dans lequel un mot porte un remplissage dégradé multicolore à dérive lente attaché à ses lettres, comme une aurore qui brille derrière le type.

2824Cascading Letter RevealEffets de texteUn titre qui se révèle lettre par lettre avec une montée et une décoloration douces à mesure qu'il apparaît, puis reste stable une fois terminé.

2124Color Band Text RevealEffets de texteUne bande douce de plusieurs couleurs glisse une fois sur une ligne de texte avec un mouvement d'entrée et de sortie facile, teintant chaque lettre au fur et à mesure de son passage avant que le texte ne prenne une couleur unie.

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.

2826Elastic weight headlineEffets de texteUne seule ligne d'énormes lettres majuscules dont le poids, la largeur et l'inclinaison gonflent autour d'une position de curseur en retard et facilitée.

2355Flip panel headline revealEffets de texteUn titre dont les caractères sont assis derrière de petits panneaux articulés qui se rabattent les uns après les autres, comme un panneau d'arrivée, pour révéler les lettres en dessous.