Revealing Blurred Element On Hover/Click – SPOILER ALERT!

Category: Javascript , Recommended | April 1, 2016
Author: joshbuddy
Views Total: 718 views
Official Page: Go to website
Last Update: April 1, 2016
License:

Preview:

Revealing Blurred Element On Hover/Click – SPOILER ALERT!

Description:

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'
});

You Might Be Interested In:


Leave a Reply