JQuery Plugin to Style Credits Animation Text

birdman.js is a JQuery plugin to animate the text like in the 2014 movie “Birdman” credits fading into the letters in the text in alphabetical order like you’ve seen in the Birdman movie credits.

How to make use of it:

1. Load the primary script birdman.js after the newest jQuery library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/birdman.js"></script>

2. Call the primary perform birdman on the goal text container component and performed.

<p class="birdman">webcodeflow.com</p>
<p class="birdman">Latest Free JavaScript & jQuery Plugins</p>

$(function(){
  $('.birdman').birdman();
});

3. Determine to learn how to break up textual content:

$(function(){
  $('.birdman').birdman({
    method: 'words'
  });
});

4. Customize the animation delay.

$(function(){
  $('.birdman').birdman({
    delay: 300
  });
});

5. Determine whether or not to speed up the animation.

$(function(){
  $('.birdman').birdman({
    speedUp: true
  });
});

6. Set the order of the textual content animation: e.g. [[‘a’,’A’],[‘b’,’B’],…].

$(function(){
  $('.birdman').birdman({
    order: ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']
  });
});

Birdman Style Credits Animation, birdman.js Plugin/Github