Elementor 页面背景图像、视频、肯伯恩斯动画

Elementor 默认插件允许您创建多种类型的 Elementor 页面背景,例如 elementor 视频背景、带有图像或视频的 elementor 视差背景。

作为奖励提示,我将分享如何在元素单元背景中排列动画渐变、背景滑块和粒子。检查此内容 elementor 部分中添加移动背景图像.

首先,让我向您展示如何从页面设置中排列整页背景。

单击页面编辑器左下角的设置图标。

现在导航到"样式"选项卡。选择背景类型经典或渐变。从经典选项中,您可以选择任何图像作为元素页背景。

这就是一般元素器页面背景的工作原理。

解元素单元中如何排列视频、图像、视差、动画梯度背景的时候了。

只需在页面上添加一个部分,然后导航到样式区域,您就会看到背景选项。默认 Elementor 中,有 4 种不同的背景类型 Classic、Gradient、Video、Slideshow。

经典背景

从经典背景类型中,您可以选择颜色或图像。选择梯度类型并输入您想要的颜色、颜色位置、角度和梯度类型(线性或径向)。

部分的视频背景

YouTube、Vimeo、自主机MP4视频链接,然后就可以定义视频开始时间和结束时间,如果您只想播放视频,则启用播放一次,另外,如果您喜欢在移动设备中播放您的部分背景视频,则启用播放移动。

元素背景滑块

选择幻灯片并从媒体上传或选择多个图像。五种过渡效果,设置过渡持续时间,选择背景大小和位置。

这就是默认元素器部分背景设置。

1下看怎样设置 元素肯伯恩斯效应 section背景中,之后,我将向大家展示如何安排 粒子和动画梯度背景 在元素部分。

WordPress 网站中,如果您还没有安装 Master Addons 插件,那么请使用以下功能进行操作。检查如何使用此免费插件创建交互式背景。

肯伯恩斯动画背景滑块

Master Addons 插件后,您将在部分样式选项卡中看到背景滑块选项,上传多个图像,选择图像大小、过渡、动画、叠加样式和图像滑块延迟,您将获得 25 种不同类型的过渡和 10 种不同的 kenburns 动画效果。 

元素粒子背景

只需启用粒子,您就会看到一个 “点击此处” 链接,可生成下面字段的 JSON 代码。转到链接并生成您想要的粒子。下载 JSON 文件并从文件中复制代码以粘贴。检查如何操作 在《元素》中添加粒子背景 post 更多详情 只要确定设置背景颜色,渐变后才启用粒子。 

元素动画梯度背景

作为主插件用户,您将在部分样式选项卡中看到“动画梯度背景”选项,只需启用它,您就会看到默认的动画梯度 BG。更改角度值并为您的部分梯度添加您需要的任何颜色。以下是 Elementor 动画梯度 BG 的真实示例。 

WordPress 网站中安装并激活 Master Addons 插件即可,然后安排任意类型的元素器页面背景或部分背景,也可以掉落一个 图像比较滑块 在页面上显示设计的前后版本。如果您遇到任何问题,请随时与我们的专家团队联系。