🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Don’t spoil it! Hide copy and images with a bit of SVG blur. Taste on mouseover. Eat on click.Do you publish spoilers? Do you wish you could have them on your page in a way that wasn’t fucking rude? With Spoiler Alert! you can! Hide spoilers with a bit of blur.

Plugins SVG Tutorial

Documentation

SPOILER ALERT!

Don't spoil it! Hide copy and images with a bit of SVG blur. Taste on mouseover. Eat on click.

Do you publish spoilers? Do you wish you could have them on your page in a way that wasn't fucking rude? With Spoiler Alert! you can! Hide spoilers with a bit of blur.

Usage

To make your site spoiler free, simply include spoiler.js, then, add this somewhere:

spoilerAlert('spoiler, .spoiler');

To control the maximum and partial blurs, you can pass arguments:

spoilerAlert('spoiler, .spoiler', {max: 10, partial: 4});

Have fun! Play with it!

Demo

Take a look at this to see it in action!

Tested browsers

  • Chrome
  • Safari
  • Firefox
  • Mobile Safari

You May Also Like