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:
- blackout - This makes the background color the same color as the text (default)
- none - This doesn't change the text at all.
- 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]