The parallax effect is an effect used within websites to create the illusion of depth. It is created when a foreground image moves a little faster than a background image. It can involve a few images or several. The following tutorial will show you how to create the parallax effect using the section editor while editing a page in BoldGrid.
How to Create the Parallax Effect
Here you will be creating a page with a blank background in order to start the process.
- Log into BoldGrid.
- Under Pages click Add Blank
- Click Blank Page
- Provide the page with a title
- Hover over the body of the page until you find the section menu.
- Click the three horizontal bars
- Click Change Background
- Select Image
- Select an image from the list
- Click the Settings button
- Under Scroll Effects choose Parallax
- Click the X to close the window
- Hover over the newly added image and use the arrows to adjust the size as needed
You can add as many images as you want. When ready, you can add content beneath or above these images. Scrolling through the page now in Preview or after publishing will perfectly demonstrate the parallax effect in action.
Be sure to update or Publish your page when ready in order to save the changes you made.
Get more for free by signing up with BoldGrid Central Create Account