razvandobrovat / letterbolt

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

letterbolt

Letterbolt is a single JS file (letters.js) which adds an animated font to your webpage. Just add the 'lb' class to your html tag and the font will be implemented on the writing.

<h2 class='lb giant scrolled'> some writing </h2>

there are different size and animation and you can choose it with the css classes. The default size is a medium one, if you want to change use theese classes:

  • small
  • big
  • giant

there are 2 kind of animation, a looped one (each 8 seconds) and a scrolled one (proportional to the vertical scroll position). Theese are the classes to use:

  • looped
  • scrolled

You can choose different colors, sizes, timing,... but at the moment, to do that, you should work directly on the JS file.

demo page: http://buseca.github.io/letterbolt/

follow me at @ruggeromotta

About

License:MIT License


Languages

Language:HTML 50.1%Language:JavaScript 41.1%Language:CSS 6.0%Language:PHP 2.7%