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