Effets de texte

Flowing gradient text

Un dégradé multicolore balaie en continu le remplissage d'un titre, éventuellement encadré par une bordure de dégradé assortie.

Gradient TextShips this week

Hover the headline to hold the gradient in place, move away to let it keep flowing.

Utiliser Flowing gradient text

Un dégradé multicolore balaie en continu le remplissage d'un titre, éventuellement encadré par une bordure de dégradé assortie.

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, speed, showBorder, colorFrom, colorTo

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

1962Flowing gradient headlineEffets de texteUn titre dont les lettres sont remplies par un dégradé bicolore mobile, de sorte qu'une bande lumineuse dérive sans fin à travers les mots, avec une douce floraison facultative derrière.

1971Gradient sweep headingEffets de texteUn grand titre dont le remplissage est une bande de dégradé mobile qui s'étend continuellement d'un bord à l'autre, donnant au texte un éclat brillant et toujours changeant.

2822Sweeping shine textEffets de texteTexte rempli d'un dégradé atténué et d'une bande diagonale lumineuse qui se déplace d'avant en arrière comme un reflet de lumière et peut se figer en survol.

2060Sweeping status textEffets de texteUn grand mot de statut qui échange sur un rythme régulier tandis qu'une bande lumineuse parcourt sans fin les formes des lettres.

1970Gradient shift textEffets de texteUne pilule arrondie dont le texte est rempli d'un dégradé bicolore qui balaie continuellement les lettres.

2829Outline draw textEffets de texteLes lettres affichées se tracent les unes après les autres sous forme de contours brillants, puis un remplissage solide s'efface derrière les traits pour terminer le mot.