SpoilerBlur is a short and minimalistic CSS code that softly blurs a specified sentence, word, range, or paragraph and heavily blurs a specified image. If the visitor hovers over the text or image, the blur will fade away and the content will be displayed. If the visitor doesn't hover over the text or image, the content will keep its blur. If the visitor no longer wants to see the spoiler, they can move their cursor away from the text or image to blur it.
Installation
Usage
To blur a section of your page, wrap that sentence, word, range, or paragraph in <span class="spoilerblur">INSERT TEXT HERE</span> inside the source editor.
To blur an image on your page, wrap that image in <span class="spoilerIMG">INSERT IMAGE HERE</span> inside the source editor.
Example
According to many scientific sources, aerodynamically speaking, bees cannot fly.
Example Image