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>

results matching ""

    No results matching ""