Installation
1. Include Glitch files on your page:
js/jquery-1.11.2.min.js (if you don't have jQuery linked already)
js/glitcher.js
css/glitcher.css
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/glitcher.js"></script>
<link rel="stylesheet" href="css/glitcher.css">
2. Add class glitcher
and CSS property background-image
to div you want to make a glitch effect:
<div class="glitcher" style="background-image: url('image.jpg')"></div>
If you want to temporary off Glitcher without remove glitcher
CSS class just add data-glitcher="off"
to this element.
<div class="glitcher" data-glitcher="off" style="background-image: url('image.jpg')"></div>