Blur Text

Use the shortcode [blur][/blur] to blur text.

For example:
[blur]This text will be blurred[/blur]

Optionally, you can set the blur to be removed when the user clicks or hovers on it.

Here are the shortcode examples for that:

[blur toggle=click]This text will be blurred until it’s clicked on[/blur]

[blur toggle=hover]This text will be blurred until it’s hovered over[/blur]

Be default, the blurred text color will be black. You can specify a different color like this:

[blur color=orange]This text will be orange, even when blurred.[/blur]

[blur color=#00FF00]This text will be green, even when blurred.[/blur]

This plugin uses the CSS3 feature “text-shadow” to create the blur and a transparent color font. This plugin only works with the following browsers:
Firefox 3.5+
Chrome 4+
Safari 4+
Opera 9.6+

This plugin allows you to choose what should be done on unsupported browsers. There are currently 3 choices:
1) blackout – This makes the background color the same color as the text (default)
2) none – This doesn’t change the text at all.
3) hide – The text will not be shown on unsupported browsers.

The fallback is specified like this:

[blur fallback=blackout color=red]This text will have a solid red background on unsupported browsers.[/blur]

[blur toggle=click fallback=hide]If you are using IE or another unsupported browser, you will not see this text.[/blur]