Parallax Effect
The Parallax Effect shortcode for WordPress can be used to display content over a scrollable image background, creating a parallax effect. The Parallax Effect shortcode can be displayed into a page or post. Check below for example implementations and shortcode documentation:
Parallax Effect Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Parallax Effect Shortcodes
Parallax Effect Shortcode
[x3m-parallax img="image link here" repeat="no" shadow="8px" shadowcolor="white"] content here [/x3m-parallax]Parallax Effect Documentation
Here are the shortcode option settings available for Parallax Effect:
| Shortcode Settings | Details |
|---|---|
| img=”image link” | This is used to set the image source link. It can be internal or external source. |
| repeat=”no” | This is used to set the image to repeat or not should its height be too small. Acceptable values are “yes” and “no”. |
| shadow=”8px” | This is used to set the shadow on wrapped content by the parallax shortcode. It can be used to make the text more visible on heavy textured backgrounds. The setting is done in pixel value, and it can be from 0px (no shaddow) to any upper value. |
| shadowcolor=”white” | This is used to set the color of the shadow when available.
Color names or HEX color codes can be used to set the desired color. |