The DiviFlash Scroll Text Reveal module adds an engaging effect to your content, gradually unveiling text as users scroll down the page. This interactive feature enhances the user experience by creating a sense of motion and discovery. Perfect for storytelling or highlighting key messages, it brings life to static text and keeps your audience captivated.
Content
Text
Input the text you want to reveal.
Reveal Settings
- Trigger Type: Choose how the text will be revealed. You have three options: Auto, With Scroll, and On Viewport.
- Split Content: Decide if the text will be revealed word by word or letter by letter.
- Reveal By: Decide if you want the animation to reveal by opacity or text color.
- Reveal Color: Choose the color for the text reveal. Only available if you choose “Dual Color” as “Reveal By.”
- Initial Opacity: Adjust the initial text opacity before the text is revealed.
- Animation Duration: Decide the total duration of the reveal animation. This option will not be available if you choose “With Scroll” as “Trigger Type.”
- Animation Delay: Decide if there will be any delay before the animation starts. This option will not be available if you choose “With Scroll” as “Trigger Type.”
- Viewport Offset Top: Adjust the amount of the viewport you want to exclude from the top. This option will not be available if you choose “Auto” as “Trigger Type.”
- Viewport Offset Bottom: Adjust the amount of the viewport you want to exclude from the bottom. This option will not be available if you choose “Auto” as “Trigger Type.”
Background
Add a background color, gradient, image, and more to the module.
Admin Label
Change the module name or label if required which will only be visible to you.
Design
Text
Typography options for the content of the module.
Heading Text
Typography options for the heading of the module.
Sizing
Adjust the width, height, and alignment of the entire module.
Spacing
Add custom margin and padding to the entire module’s container.
Border
Border customization options for the whole module’s container. You have the option to style each border individually or all the borders together.
Box Shadow
Add a shadow effect to the entire module.
Animation
Apply a reveal animation effect to the module and customize the delay, duration, repeat, etc. of the animation.
Advanced
The default tab for all Divi modules to add custom CSS code, conditions, visibilities, etc.
Do You Still Have Questions?
If you still have questions, then contact our support team at support@diviflash.com
