Effets de texte

Scroll Progress Text Reveal

Une longue phrase reste épinglée à l'écran pendant que la page défile devant elle, et chaque mot individuellement s'éclaire de faible à complètement allumé lorsque la position de défilement atteint son tour.

Thislibrarywillchangethewayyoudesigninterfaces.

Scroll to reveal

Utiliser Scroll Progress Text Reveal

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, dimOpacity, scrollLength

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

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.

2820Scroll float revealEffets de texteLes caractères de titre flottent depuis le bas et prennent forme à mesure que leur section défile dans la fenêtre, nettoyée directement jusqu'à la position de défilement.

2821Scroll focus revealEffets de texteUn paragraphe commence par être incliné, sombre et flou, puis se redresse et s'accentue mot par mot au fur et à mesure que le lecteur le parcourt.

2242Staggered Reveal TextEffets de texteUne 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.

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