LetterSlide

Animated Sliding Letters & Words
LetterSlide
Your Cart: Your CartItem(s):
0
$0.00

Capabilities

  • Easily Create Animated Sliding Letters or Words
  • Animate Letters or Word Groups
  • Ten Animation Delay Options
  • Eleven Animation Speed Options
  • Thirty-One Animation Easing Options
  • Animation Direction Options
  • Same-Word Hover Option
  • Google Font Options for First & Second Words
  • Size Text from Small to Huge
  • Responsive Text Sizing
  • Separate Color Controls
  • Separate Shadow Controls
  • Custom Link
  • Letter Margin & Padding Adjustments
  • Web-safe Font Weight & Style Settings

$9.95 | Add to Cart

LetterSlide Settings

Current Version: 1.2.0
  •  

    Unique ID:  Enter a unique id if more than one LetterSlide is used, Note: future feature

  •  

    First Word:  Enter first word to show

  •  

    Text Size:  Set the font size for both words

  •  

    Resp. Text Size:  Set the responsive font size for both words on smaller screens

  •  

    First Font:  Select the font for first word

  •  

    Font Weight 1st:  Select the font weight for first word

  •  

    Font Style 1st:  Select the font style for first word

  •  

    Use Google on 1st:  Enable to use a google font for first word - Note: overrides First Font, Font Weight 1st & Font Style 1st

  •  

    Google Font 1st:  Enter name of font for first word (No quotes)

  •  

    Google Wt 1st:  Only enter google font weight for first word if it's anything other than normal(400)

  • ➀➀ 

    First:  Set the text color of first word

  • ➀➁ 

    Shadow 1st:  Set the shadow color of first word

  • ➀➂ 

    Shadow Hor 1st:  Set the horizontal shadow amount of first word - neg. values are allowed

  • ➀➃ 

    Shadow Vert 1st:  Set the vertical shadow amount of first word - neg. values are allowed

  • ➀➄ 

    Shadow Blur 1st:  Set the blur shadow amount of first word

  • ➀➅ 

    Second Word:  Enter second word to show

  • ➀➆ 

    Second Font:  Select the font for second word

  • ➀➇ 

    Font Weight 2nd:  Select the font weight for second word

  • ➀➈ 

    Font Style 2nd:  Select the font style for second word

  •  

    Use Google on 2nd:  Enable to use a google font for second word - Note: overrides Second Font, Font Weight 2nd & Font Style 2nd

  • ➁➀ 

    Google Font 2nd:  Enter name of font for second word (No quotes)

  • ➁➁ 

    Google Wt 2nd:  Only enter google font weight for second word if it's anything other than normal(400)

  • ➁➂ 

    Second:  Set the text color of second word

  • ➁➃ 

    Shadow 2nd:  Set the shadow color of second word

  • ➁➄ 

    Shadow Hor 2nd:  Set the horizontal shadow amount of second word - neg. values are allowed

  • ➁➅ 

    Shadow Vert 2nd:  Set the vertical shadow amount of second word - neg. values are allowed

  • ➁➆ 

    Shadow Blur 2nd:  Set the blur shadow amount of second word

  • ➁➇ 

    Custom Link:  Enable to apply custom link for letters

  • ➁➈ 

    Link:  Enter custom link url

  •  

    Margin Left:  Set the left margin - use to change alignment

  • ➂➀ 

    Padding Top:  Set the top padding - use to remove clipping on top edges

  • ➂➁ 

    Padding Right:  Set the right padding - use to remove clipping on right edges

  • ➂➂ 

    Padding Bottom:  Set the bottom padding - use to remove clipping on bottom edges

  • ➂➃ 

    Padding Left:  Set the left padding - use to remove text clipping on left edges & right shadow clipping

  • ➂➄ 

    Alignment Fix:  Enable to apply alignment fix to first couple of letters

  • ➂➅ 

    Animation Type:  Select the type of animation

  • ➂➆ 

    Animation Delay:  Select the animation delay between each letter, in milliseconds

  • ➂➇ 

    Animation Speed:  Select the animation speed, in milliseconds

  • ➂➈ 

    Easing Anim:  Select the easing to apply to the animation

  •    

    See Easing Animation Types:  Examples of easing available

  •  

    Animation Dir:  Select the direction that letters move

  • ➃➀ 

    Hover 2nd Word:  Select to allow second word to hover over first - Note: must be same word

Download the LetterSlide Demo - It'll get your text moving !

Note: 'LetterSlide Demo Version' will appear within the stack - it's fully functional for you to try out.