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.
To make your site spoiler free, simply include spoiler.js, then, add this somewhere:
$('spoiler, .spoiler').spoilerAlert()To control the maximum and partial blurs, you can pass arguments:
$('spoiler, .spoiler').spoilerAlert({max: 10, partial: 4})Have fun! Play with it!
Take a look at this to see it in action!
- Chrome
- Safari
- Firefox
- Mobile Safari