Configurable Blinking Text Effect In jQuery - jblink.js

File Size: 3.31 KB
Views Total: 1194
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Configurable Blinking Text Effect In jQuery - jblink.js

jblink.js is a super tiny and easy-to-use jQuery plugin that applies a configurable and customizable blink/flash animation to any text you specify.

See also:

How to use it:

1. Add the jblink.js to the page, after you've added the latest jQuery.

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

2. Apply a basic blink effect to your text.

<p class="demo-">Blinking Text Here</p>
$(function(){
  $('.demo').jBlink();
});

3. Customize the blink color. Default: 'rgb(0, 0, 0, 0.1)'.

$(function(){
  $('.demo').jBlink({
    color: '#fff'
  });
});

4. Customize the duration of the blink animation. Default: 500ms.

$(function(){
  $('.demo').jBlink({
    duration: 1000
  });
});

5. Specify the number of times the text blinks. Default: 0 (infinity).

$(function(){
  $('.demo').jBlink({
    times: 5
  });
});

This awesome jQuery plugin is developed by androideen. For more Advanced Usages, please check the demo page or visit the official website.