简单地出现在卷轴上的元素就可以了。一个元素是 未发现当彩色面板滑开以暴露它时,感觉被设计了。 显示扩展 在 硕士插件专业版 adds that scroll-triggered block reveal effect to Elementor widgets and columns: a colored overlay wipes accessed the element as it internations viewport, then clears to show the content underneat。you control the overlay color, the direction of the wipe, the speed and the delay, all from the Elementor pan
什么是 Reveal 扩展? #
的 揭露 extension 是一个 Master Addons Pro 动画扩展,它会在小部件或列滚动到视图的那一刻播放一个块显示,而不是褪色或滑入,元素坐在扫开显示的纯色面板后面,因为动画绑在滚动位置,每个元素在访问者到达它时准确地显示自己,这会吸引视线向下移动页面,它每页加载播放一次。
启用扩展后,小部件和列将获得"下面的"显示选项 高级 tab,有四个设置: 揭晓 颜色 (覆盖元素的面板), the 方向 面板在清除时移动 速度并且 延迟。它适用于标题、图像、按钮和其他小部件,以及旧版部分中的列。Flexbox 容器和部分没有该选项。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
- 硕士插件专业版 活跃,因为 Reveal 是 Pro 扩展。
如何启用 Reveal 扩展 #
从您的 WordPress 仪表板打开 主插件 并去 扩展 选项卡。显示坐在 动画小部件 群,并肩 入口动画 (专业版)和 转变。单击其切换使其打开,然后按 保存更改 待确认通知,现在在 Elementor 编辑器中的小部件和列上可以使用 Reveal 选项。
将揭示动画添加到元素中 #
在 Elementor 编辑器中,选择要动画化的元素,然后打开 高级 选项卡并展开 揭露 段打开 启用显示 并设置控件:
- 颜色: element 尚未显露之前覆盖的实心面板, 将其与您的版块背景匹配以进行无缝擦拭, 或使用品牌颜色进行更大胆的扫掠。
- 方向: 中、从左到右、从右到左、从上到下或从下到上。
- 速度: 0到10,其中默认5是半秒,下更快。
- 延迟: 0到20,最多在面板移动前两秒钟。用它来错开几个元素。
Revence 是滚动触发的,所以直到元素滚动到 viewport 之前什么都不会播放,在编辑器中它是在页面加载后不久播放的,在实时页面中它会在元素进入 viewport 时播放一次,然后重新加载它会再次播放。
页面上的结果 #
Publish 或 preview 并向下滚动页面,当每个启用 Reveal 的元素进入屏幕时,它的色板会向您选择的方向和您设置的速度扫开,揭开下面的内容,因为效果键关闭滚动位置,一堆显露的元素随着访问者向下移动页面而级联 显示扩展页面 有演示。
揭示效果赢得其地位的地方 #
- 部分标题。 当读者到达新部分时,H2 上的显示会发出新部分的开始信号。
- 英雄形象。 用彩色擦拭布揭开英雄照片比普通褪色更强烈的第一印象。
- 功能或投资组合网格。 在滚动上一次显示一排卡片可以让眼睛在网格中移动。
- 呼吁采取行动。 按钮或优惠块上的显示会在滚动到视图中时吸引注意力。
- 统计数据和报价。 发现一个数字或一个感言会给它一个焦点时刻。
使用 Reveal 的提示 #
- 保持速度舒适。 非常缓慢的揭示可能会让游客等待阅读;轻快的擦拭通常感觉反应更灵敏。
- 将颜色与该部分相匹配。 将显示颜色设置为截面背景会使面板在移动之前不可见,因此该元素看起来像是被擦除。
- 少用它。 揭示页面上的每个元素都会稀释效果。保留它以供您最想要注意到的元素使用。
- 检查手机。 短屏幕滚动速度更快,因此确认显示仍然会失火,并且在手机和平板电脑上读数良好。
- 将其与其他动画扩展配对。 将揭示与结合起来 入口动画 或者探索全方位的 元素动画效果 为更丰富的运动。
视频教程 #
Reveal扩展的动作中观看, 从启用它到设置元素上的颜色, 方向和速度:
常见问题 #
Master Addons 中的 Reveal 扩展是什么?
Reveal 扩展是一个 Master Addons Pro 动画扩展,它为 Elementor 小部件和列添加了滚动触发的块显示效果,纯色面板覆盖元素,然后在元素滚动进入视图时扫开以揭开它,您可以在扩展选项卡中启用它,然后从高级选项卡中设置每个元素的颜色、方向、速度和延迟。
如何在《元素师》中的卷轴上添加揭秘动画?
Master Addons Extensions标签中启用Reveal扩展,然后选择一个元素打开高级标签,展开Reveal部分,打开效果,选择reveal颜色、方向、速度,动画是滚动触发的,所以当元素进入视口时自动播放。
我可以根据揭示效果定制什么?
素(实心或渐变)的面板颜色、面板在清除时行进的方向、速度和延迟四个控件,它们一起让你将显示匹配到你的部分背景或品牌颜色,并控制元素被揭开有多快。
Revel 对任何 Elementor 元素都有效吗?
并非每个元素。Reveal 选项出现在小部件的高级选项卡和旧版部分中的列下。Flexbox 容器和部分没有得到它,因此将 Reveal 应用到其中的小部件。
Reveal 扩展是免费的吗?
No。Reveal是Master Addons Pro的一部分,一旦Pro处于活动状态,它就会出现在扩展选项卡的动画小部件组中,定价页面列出了计划。
包裹起来 #
Reveal 扩展将一个普通的卷轴变成一个设计的卷轴:一个彩色面板擦掉,在进入视口时揭开每个元素,颜色、方向和速度都从 Elementor 面板开始,从一个标题或英雄图像开始,将颜色调到您的部分,并从那里构建它与自然配对 入口动画 並 转变 扩展,以及完整的阵容 主插件小部件和扩展 涵盖其余部分。
