jQuery Plugin For Custom Glitch Text Effect - Glitch.js

File Size: 2.82 KB
Views Total: 4970
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Custom Glitch Text Effect - Glitch.js

Glitch.js is a simple, lightweight jQuery plugin which applies a configurable glitch effect to your text.

See also:

How to use it:

1. Wrap your text into a container with the CSS class of 'glitch'.

<div class="glitch">
  <h1>Lorem ipsum</h1>
  More content here
</div>

2. Include the jQuery Glitch.js plugin's JS and CSS files on the webpage.

<link href="jquery-glitch.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery-glitch.js"></script>

3. Active the glitch text effect.

$(".glitch").glitch();

4. Config the glitch text effect.

$(".glitch").glitch({
  layers: ["red", "green"],
  offset: [10, 0],
});

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