Press "Enter" to skip to content

JQuery Plugin to Style Credits Animation Text | birdman.js

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


See Demo And Download

Official Website(chrisma): Click Here

This superior jQuery/javascript plugin is developed by chrisma. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.