Introduction

The Parallax Scene Shortcode allows you to create a content section where you can add transparent layers stacked on top of each other. These layers move by different amounts depending on where the cursor is on the screen. You set the layer order and the amount that each layer moves. You are not limited to only using images, you can enter other content into these layers as well.

As you can see from the two examples below, the effect created can be pretty interesting. Have fun, add some layers and see what you can come up with.

  • This parallax scene has 5 layers over a background parallax image. Most of these layers are images, but you can enter other content in the layers if you like. This promo box is inside of a layer.
  • Example Photos


Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The Parallax Scene Shortcode allows you to create a content section where you can add transparent layers stacked on top of each other. These layers move by different amounts depending on where the cursor is on the screen. You set the layer order and the amount that each layer moves. You are not limited to only using images, you can enter other content into these layers as well.

As you can see from the two examples below, the effect created can be pretty interesting. Have fun, add some layers and see what you can come up with.
[/intense_content_section]

[intense_parallax_scene size="full" background_type="image" image="2718" imagemode="parallax" height="300"]
[intense_parallax_scene_layer layer_depth="0.30"]
[intense_image image="368" size="Full" title="asteroid-belt"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.20"]
[intense_image image="2727" size="Full" title="Spaceshuttle"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.80"]
[intense_image image="2711" size="Full" title="asteroid-belt"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.10"]
<div style="padding-left:40px;">[intense_image image="2726" size="Full" title="astronaut"]</div>
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.00"]
[intense_content_section]
[intense_row padding_top="0"]
[intense_column size="8" medium_size="8"][/intense_column]
[intense_column size="4" medium_size="4"]
[intense_promo_box shadow="8" background_color="#ffffff" background_opacity="70"]
This parallax scene has 5 layers over a background parallax image. Most of these layers are images, but you can enter other content in the layers if you like. This promo box is inside of a layer.
[/intense_promo_box]
[/intense_column]
[/intense_row]
[/intense_content_section]
[/intense_parallax_scene_layer]
[/intense_parallax_scene]

[intense_parallax_scene size="full" background_type="color" background_color="#c7bda3" height="500" advance_arrow_background_color="#ffffff"]
[intense_parallax_scene_layer layer_depth="0.210"]
[intense_image image="2734" size="large1600" title="layer 4"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.30"]
[intense_image image="2733" size="large1600" title="layer 3"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.50"]
[intense_image image="2732" size="large1600" title="layer 2"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.60"]
[intense_image image="2731" size="large1600" title="layer 1"]
[/intense_parallax_scene_layer]
[intense_parallax_scene_layer layer_depth="0.10"]
<center>[intense_heading font_size="80" line_height="90" font_color="#000000" align="center" font_weight="700" margin_top="0"]Example Photos[/intense_heading]</center>
[/intense_parallax_scene_layer]
[/intense_parallax_scene]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]