如何添加视差效果、视频背景和肯·伯恩斯效果

Page Builder Sandwich 拥有一个我们统称为“炫酷背景特效”(Fancy Background Effects)的功能。其中包括三种效果:视差特效(Parallax Effect)、视频背景(Video Backgrounds)和肯·伯恩斯特效(Ken Burns Effect)。

What are the different Fancy Background Effects?

PBS 的炫酷背景特效能为您的网站带来吸引访客所需的助力。它们是抓住注意力的绝佳方式,若运用得当,可以在网站流量方面取得引人注目的成效。

视差特效

在页面上应用视差特效可以为您的背景增添层次感与深度感,让网站的某些元素在滚动时“脱颖而出”。以下是应用了视差背景与未应用视差背景的页面示例对比。

With Parallax Scrolling

The background image scrolls at a different rate as the rest of the elements in the page.

Without Parallax Scrolling

The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

Video Backgrounds

视频背景允许您使用循环播放的视频代替静态图片作为背景。PBS 视频背景的妙处在于,只需根据提示粘贴所需的 YouTube 或 Vimeo 链接,我们就会为您将其转换为视频背景。您当然也可以上传自己的视频来实现这一点。

您可以查看以下一些视频背景示例:

The Ken Burns Effect

Ken Burns, who popularized the Ken Burns effect in film.

In documentaries, do you ever notice when they show photos that slowly zoom into detail? That’s called the Ken Burns Effect. You can access these effects on Page Builder Sandwich, too.

How do I add the Fancy Background Effects?

您可以按照以下步骤找到所有炫酷背景特效:

Step 1: Choose a row you’d like to add an effect on. Click on this row’s settings button (the gear icon on the left). This will open the Properties Inspector.

Step 2: Once the Properties Inspector pops up, scroll down a bit until you find the option called “Fancy Background Effects”.

Step 3: Once you’ve found it, you’ll see that you can click a dropdown button and select which background effect you’d like on your row.

Step 4: Depending on which Fancy Background Effect you choose, you can adjust each effect’s settings. For example, for the Parallax effect, you can adjust its height and position.

大功告成!之后,您就可以看到炫酷背景特效在您的网站上全方位呈现了。

Have you used PBS’ Fancy Backgrounds yet?

您是否还有其他想要建议我们添加的背景特效?或者想向我们展示您使用 PBS 制作并应用了这些特效的网站?欢迎在下方评论区留言告诉我们!