Revealing Blurred Element On Hover/Click – SPOILER ALERT!

SPOILER ALERT! is a standalone JavaScript Spoiler library that hides element with a bit of SVG blur, hints on mouseover and reveals on click.

How to use it:

Download and insert the spoiler.js into anywhere on your webpage.

<script src="spoiler.js"></script>

Add the “spoiler” to anything you want to apply the SVG blur effect.

<img class="spoiler" src="1.jpg">

Initialize the SPOILER ALERT!

spoilerAlert('spoiler');

Pass the options to the SPOILER ALERT!

spoilerAlert('spoiler',{
  max: 4,
  partial: 2,
  hintText: 'Click to reveal completely'
});