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