Effets de texte

Staggered Reveal Text

Une phrase apparaît en morceaux décalés, divisée en mots, caractères ou lignes, en utilisant un style d'entrée choisi tel que fondu, flou, glissement ou échelle.

Great products ship in small, staggered steps.

Utiliser Staggered Reveal Text

Une phrase apparaît en morceaux décalés, divisée en mots, caractères ou lignes, en utilisant un style d'entrée choisi tel que fondu, flou, glissement ou échelle.

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, splitBy, style, durationSeconds, replayOnRescroll

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

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.

2418Scroll blur reveal textEffets de texteUn bloc de texte qui commence par être flou et décalé, puis s'accentue mot par mot ou lettre par lettre la première fois qu'il défile.

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

1991Letter roll inEffets de texteUne ligne de texte où chaque personnage se retourne sur un axe horizontal, l'ancien visage roulant tandis qu'un visage identique arrive par le bas.

2809Paper fold textEffets de texteLe texte est divisé en caractères, mots ou lignes qui s'ouvrent le long d'un bord de charnière choisi avec une ombre de pli, décalées sur la phrase.

2410Reading highlight copyEffets de texteUn paragraphe qui s'éclaire mot par mot lorsque vous le faites défiler, laissant les mots lus clairs et les mots non lus atténués, de sorte que la position de défilement sert également de position de lecture.