Text Effects
A power-house extension for all your Text Animation needs, the Text Effects extension includes Entrance, Scroll and Hover animations — with smart options that give you creative freedom minus unnecessary complexity.
Text Effects
- Enabled: Enable the Text Effects extension.
- Entrance/Scrolling Effects
- Enabled: Enable Entrance, Scrolling Effect
- Effect Type: The type of effect to use
- Fade: Fade in
- Opacity: Animate from a given opacity value
- Blur: Animate from a given blur level
- Blur Fade: Fade in blurred text
- Color: Animate to give color
- Mask: Animate masked text
- Scale: Grow text into a scale of 1
- Rotate: Animate the text from a given rotation angle
- Scramble: Scramble the text during the animation
- Initial Opacity: The initial opacity of the text ( Visible for Effect Type: Opacity )
- Initial Blur: The initial blur level of the text ( Visible for Effect Type: Blur )
- Rotate Angle: The angle to the where the text will animate ( Visible for Effect Type: Rotate )
- Color: The color that the text will animate to when the Effect Type is Color. The color of the Scramble characters when the Effect Type is Scramble
- Scramble Characters: The type of characters to use during the scramble effect
- Lower Case: Use lowercase a to z
- Upper Case: Use uppercase A to Z
- Lower/Upper Case: Use both lowercase and uppercase A to Z
- Numbers: Use numbers 0 to 9
- Special Characters: Use characters !@#$%^&*()_+-={}|[]:;<>?,./~
- All: Use all of the above
- Custom: Use custom characters
- Custom Characters: Characters to use for the scramble effect
- Effect Variant: Variants of the selected effect. The default animates the text in the default position
- Down: Animate from the top
- Up: Animate from the down
- Left: Animate from the right
- Right: Animate from the left
- Random Horizontal: Animate randomly from left and right
- Random Vertical: Animate randomly from top and bottom
- Random X/Y: Animate randomly from all 4 directions
- Animate By: The animation text unit by which to animate
- Character: Animate by characters
- Word: Animate by words
- Line: Animate by lines
- Stagger Style: The style and location from where to stagger the animation
- Start: Animate from the start of the text
- Center: Animate from the center of the text
- End: Animate from the end of the text
- Random: Animate from random locations
- Animation Duration: The duration of the animation
- Animation Delay: The duration before the animation starts
- Trigger: Enable Scroll-linked animations and triggers when to initialise the animation
- Link to Scroll Position: Enable scroll-linked animation. The animation playhead will play along the scroll position
- Element Trigger Location Start: The vertical position of the element in % to use as the start trigger of the animation. Value is from the Top to Bottom
- Element Trigger Location End: The vertical position of the element in % to use as the end trigger of the animation. Value is from the Top to Bottom ( Only valid for scroll-linked animations )
- Viewport Trigger Location Start: The vertical position of the viewport in % to use as the start trigger of the animation. Value is from the Top to Bottom
- Viewport Trigger Location End: The vertical position of the viewport in % to use as the end trigger of the animation. Value is from the Top to Bottom ( Only valid for scroll-linked animations )
- Debug Markers: Enable debug markers to visualize the trigger locations
- When to Animate: When the animation should run
- Always: Always play the animation
- Once: Only play the animation once
- Ease: The easing type to use for the animation
- Disable on Breakpoints: Disable running the animation on the specified breakpoints
- Hover Effects
- Enabled: Enable hover effects
- Effect Type: The type of effect to use
- Blur: Blur the selected text unit
- Color: Color the selected text unit
- Dissapear: Hide the selected text unit
- Tilt: Tilt the selected text unit to the right
- Tilt Alternate: Tilt the selected text unit to the left
- Scale Down: Scale down the selected text unit
- Scale Up: Scale up the selected text unit
- Scramble: Scramble the whole text
- Animate By: The animation text unit by which to animate
- Character: Animate by characters
- Word: Animate by words
- Line: Animate by lines
- Color: The color that the text will animate to when the Effect Type is Color. The color of the Scramble characters when the Effect Type is Scramble
- Scramble Characters: The type of characters to use during the scramble effect
- Lower Case: Use lowercase a to z
- Upper Case: Use uppercase A to Z
- Lower/Upper Case: Use both lowercase and uppercase A to Z
- Numbers: Use numbers 0 to 9
- Special Characters: Use characters !@#$%^&*()_+-={}|[]:;<>?,./~
- All: Use all of the above
- Custom: Use custom characters
- Custom Characters: Characters to use for the scramble effect
- Stagger Style: The style and location from where to stagger the animation. ( Not visible for Effect Type: Scramble )
- Start: Animate from the start of the text
- Center: Animate from the center of the text
- End: Animate from the end of the text
- Random: Animate from random locations
- Animation Duration: The duration of the animation
- Ease: The easing type to use for the animation
- Disable on Breakpoints: Disable running the animation on the specified breakpoints