Use the shortcode [blur][/blur] to blur text.
[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:
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]
- Install the plugin in wp-content\plugins
- Activate the Plugin
- Use one of these shortcodes around your text:
- Can I have the blurred text revealed only to members, only after a form is submitted, or in some other context?
I may write a premium plugin that has these features. However, I need suggestions as to exactly what type of features I
should add. If you would like me to customize this plugin for you so that it shows the blurred text only in a
specific context, I may be albe to program a custom plugin for you. Please contact me at http://www.linsoftware.com/contact/
1.0.0: September 2015
- First official release!