Blur Shortcode

[intense_content_section]
<h2>Introduction</h2>
The blur shortcode can be used to blur elements on hover. You can control the element type, amount of blur (pixels), timing for effect, and the cursor type.
[intense_blur blur="3" time="400" element="h2"]
Hover over this to see an example of the blur shortcode!
[/intense_blur]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Blur examples</h2>
[intense_row padding_top="0"]
[intense_column size="3" medium_size="3"]
[intense_blur blur="3" time="600" element="div"]
[intense_image image="3444" size="medium500" title="swordfish"]
[/intense_blur]
[/intense_column]
[intense_column size="3" medium_size="3"]
[intense_blur blur="6" time="800" element="div" cursor="pointer"]
[intense_image image="3443" size="medium500" title="lobster" linkurl="#"]
[/intense_blur]
[/intense_column]
[intense_column size="6" medium_size="6"]
[intense_blur blur="7" element="div" time="1000" cursor="crosshair"]
[intense_alert color="error" font_color="#ffffff" border_radius="5px" block="1"]
Hover over this alert to see the blur shortcode being used.
[/intense_alert]
[/intense_blur]
[/intense_column]
[/intense_row]
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]