Cardinal Sigitas TamkevičiusLithuanian Cardinal, Former Soviet Prisoner of Conscience & Champion of Religious Freedom

Parallax Scrolling | Easily add stunning scrolling effects to your Wix website

Name: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website
Uploaded: 2016-07-27T10:33:25+00:00
Duration: 2 min 44 s
Channel: Cardinal Sigitas Tamkevičius
Description: In this instructional video, the presenter walks viewers through the process of adding parallax scrolling effects to a Wix website. The tutorial explains…

27 Jul 2016 · 3 min

Watch on YouTube

2:44

In this instructional video, the presenter walks viewers through the process of adding parallax scrolling effects to a Wix website. The tutorial explains the visual concept of parallax—moving background slower than foreground—to create depth. It then demonstrates step‑by‑step how to add a pre‑built Parallax strip from the Wix editor, replace its background image, and preview the effect. The guide continues with applying scroll effects (Parallax, Zoom In, Reveal, Fade In) to classic image strips and video strips, showing how to change strip background settings, select the desired effect in the Settings panel, and preview each result. The video concludes by encouraging users to experiment with these effects across any page to enhance site visual appeal.

Chapters

Find out how to add Parallax scrolling to your website. It works by moving the background more slowly than the foreground, creating an amazing 3D effect as you scroll. And it's a great way to add more depth and movement to your site. Today, I'm going to show you how to add Parallax. Zoom In, Reveal and fade in to your website. Let's get started. First, add a Parallax strip. Go to the WIX editor, click Add. Scroll down to the Parallax strips. These have the effects already built in. Click to Add or Drag and drop the strip into place. Let's change the image to suit our website style. And that's it. Let's see how it looks. Now I'll show you how to add Parallax effects to a classic strip. First, click to Add or Drag and drop the strip into place. Then change the image. Select Change Strip Background Image and pick one. Next, click on Set Settings. You'll see there are multiple different scroll effects. You can choose Parallax Reveal, Zoom in or Fade In. For now, let's choose Parallax. Click Preview. Now the strip has an amazing 3D effect. Let's change it up. Select the same strip. Click Change Strip Background Settings, and under Scroll Effects, select Zoom In. Click Preview. See how the image looks like it's zooming in when you scroll. Next up, let's add Reveal to a video strip. You can upload your own video like me or choose a free one from wix. Select Change Strip Background Video and choose the one you want. Now that you have your video, let's add an effect. Select Settings and under Scroll Effects, let's choose Reveal. Back to Preview, take a look at how the image appears as I scroll. Let's try one last effect. The Fade in. This one's a little more subtle. First, change Strip Background and then change the color just like before. To add the effect, go to Settings, Scroll Effects and choose Fade In Preview. And there it is. As I scroll, the strip fades into view. Take a look at all the stunning Parallax effects we've added. They really bring this site to life. Now it's your turn. Use Parallax Effects on any page of your website and have fun with it.