揭露

简单地出现在卷轴上的元素就可以了。一个元素是 未发现当彩色面板滑开以暴露它时,感觉被设计了。 揭露 扩展于 Elementor 的主插件 加滚动触发块揭示效果的任何元素元素:一个彩色覆盖层在元素进入视口时擦拭整个元素,然后清除以显示下面的内容。您控制覆盖颜色、擦拭方向和动画速度,所有这些都来自元素元素面板。

什么是 Reveal 扩展? #

的 揭露 extension是一个免费的master Addons动画工具,它可以在任何Elementor元素滚动到视图的那一刻播放一个块reveal,该元素不是褪色或滑入,而是坐在扫开以显示它的纯色面板后面,因为动画绑在滚动位置上,每个元素在访问者到达它时准确地显示自己,这会逐节吸引视线向下移动页面。

启用扩展后,每个元素元素都会在其下方获得一个显示选项 高级 tab,有三个核心设置:揭示 颜色 (覆盖元素的面板), the 方向 面板在透明时移动,并且 速度 的动画。它适用于标题、图像、按钮、整个列或任何其他元素,并且不添加单独的插件。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
• Reveal 是一个免费扩展,因此不需要 Pro 许可证。

如何启用 Reveal 扩展 #

从您的 WordPress 仪表板打开 主插件 并去 扩展 选项卡。显示坐在 动画小部件 群,并肩 入口动画 並 转变。单击其切换使其打开,然后按 保存更改 待确认通知,现在 Elementor 编辑器中的每个元素上都可以使用 Reveal 选项。

将揭示动画添加到元素中 #

在 Elementor 编辑器中,选择要动画化的元素,然后打开 高级 选项卡并展开 揭露 section。打开效果并设置三个控件:

• 颜色: element 尚未显露之前覆盖的实心面板, 将其与您的版块背景匹配以进行无缝擦拭, 或使用品牌颜色进行更大胆的扫掠。
• 方向: 面板在清理时行进的方式,例如左、右、上或下,这决定了元件是水平还是垂直被覆盖。
• 速度: reveal播放的速度有多快。持续时间较短,可以使元素进入视野;较长的可以给出更慢,更刻意的擦拭。

Revenue是滚动触发的,所以直到元素滚动到视口之前什么都不会播放,在预览中上下滚动页面,在正确的时刻观看动画开火。

页面上的结果 #

Publish 或 preview 并向下滚动页面,当每个启用 Reveal 的元素进入屏幕时,它的彩色面板会向您选择的方向和您设置的速度扫开,从而揭开下面的内容。由于效果键关闭滚动位置,当访问者向下移动该部分时,一堆显露的元素会自然地级联。

揭示效果赢得其地位的地方 #

• 部分标题。 当读者到达新部分时,H2 上的显示会发出新部分的开始信号。
• 英雄形象。 用彩色擦拭布揭开英雄照片比普通褪色更强烈的第一印象。
• 功能或投资组合网格。 在滚动上一次显示一排卡片可以让眼睛在网格中移动。
• 呼吁采取行动。 按钮或优惠块上的显示会在滚动到视图中时吸引注意力。
• 统计数据和报价。 发现一个数字或一个感言会给它一个焦点时刻。

使用 Reveal 的提示 #

• 保持速度舒适。 非常缓慢的揭示可能会让游客等待阅读;轻快的擦拭通常感觉反应更灵敏。
• 将颜色与该部分相匹配。 将显示颜色设置为截面背景会使面板在移动之前不可见,因此该元素看起来像是被擦除。
• 少用它。 揭示页面上的每个元素都会稀释效果。保留它以供您最想要注意到的元素使用。
• 检查手机。 短屏幕滚动速度更快,因此确认显示仍然会失火,并且在手机和平板电脑上读数良好。
• 将其与其他动画扩展配对。 将揭示与结合起来 入口动画 或者探索全方位的 元素动画效果 为更丰富的运动。

视频教程 #

Reveal扩展的动作中观看, 从启用它到设置元素上的颜色, 方向和速度:

常见问题 #

包裹起来 #

Reveal 扩展将一个普通的卷轴变成一个设计的卷轴:一个彩色面板擦掉,在进入视口时揭开每个元素,颜色、方向和速度都从 Elementor 面板开始,从一个标题或英雄图像开始,将颜色调到您的部分,并从那里构建它与自然配对 入口动画 並 转变 扩展,以及完整的阵容 主插件小部件和扩展 涵盖其余部分。