[Slider Revolution 6]用户滚动页面时,可以通过多种方式使模块的内容动起来

[Slider Revolution 6] Animate your Module's Content in multiple ways when the user scrolls the pageSlider Revolution
这篇文章约4分阅读完。
  1. 模块设置
  2. 幻灯片设置
  3. 图层设定
  • 相关话题:
  • 图层动画
  • 循环动画
  • 循环图层时间轴

1.模块设置

这是为模块激活OnScroll功能的地方。然后,一旦激活,就可以分别调整“ 幻灯片”和“ 图层”设置。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来
视差
时间线
特效

视差和鼠标交互

1.
启用视差为幻灯片的主要背景图像及其图层内容启用视差效果。

2.
启用3D效果为幻灯片的主要背景图像及其图层内容启用3D效果。

3.
在移动设备上禁用选择是否应在移动设备上禁用视差和3D效果。

4.触发者
选择在滚动页面,鼠标移动或同时滚动和滚动页面时是否应产生效果。

5.视差原点
原点与鼠标移动时效果的强度有关。选择“鼠标输入”将原点放置在鼠标第一次进入模块的位置,或者选择“滑动器中心”以获得更平衡的强度。

6. BG速度
幻灯片背景移动的速度。

7.图层速度
幻灯片的图层移动的速度。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

3D设置

当“启用3D效果”选项打开时,3D设置将变为可见。

1.阴影
在主背景和内容图层中添加可选的CSS3框阴影以增强3D视觉效果。

2.在启用背景上
选择将3D效果应用于幻灯片的主要背景图像。

3.隐藏滑块溢出
视效果的强度而定,发生效果时,主背景图像可能会在模块外部渗出。如果您不希望这种情况发生,请启用此选项。

4.隐藏的层溢出
取决于效果的强度,幻灯片的内容“层”可能会在效果发生时在模块外部渗出。如果您不希望这种情况发生,请启用此选项。

5. 3D裁剪修复
将CSS3“ translateZ”值添加到内容,以帮助避免在某些浏览器中出现有害的视觉效果。

6. BG 3D深度
用于幻灯片的主要背景图像的深度值。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

视差和3D深度

幻灯片的内容层都有一个为效果分配的“等级”,可在“ 层设置滚动”部分中进行设置右侧屏幕快照中的数字1-15代表这些级别,这些级别的值代表效果的深度。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

通常,幻灯片的时间轴会自动播放。当用户使用鼠标滚动页面时,该选项允许您播放“滚动”时间轴。

1.基于时间轴滚动
启用时间轴滚动。

1.缓动适用于已清理时间轴
缓动方程

2.速度
时间轴根据滚动动作的移动速度。

3.滚动期间修复
启用后,一旦播放头启动,页面将处于“固定”状态,直到播放头结束。

4.模块从固定位置
开始滚动和滚动时间轴时,页面将处于“固定”状态的起点。

5.模块固定到,直到擦洗结束,页面继续正常滚动的点。

6.图层默认情况下,在“图层”上启用效果。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

当模块滚动到视图和视图之外时,将淡化,灰度和模糊效果应用于整个幻灯片和/或其图层。

1.基于滚动效果启用模块效果。

2.淡入淡出当模块滚动进出视野时,淡入或淡出您的内容。

3.灰度当模块滚动进出视图时,将内容从黑白转换为彩色。

4.模糊当页面滚动进出视图时,将CSS模糊过滤器应用于您的内容。

5.最大模糊强度最大CSS模糊过滤器值将应用于内容。

6.图层默认启用已启用默认情况下在图层上的效果。

7.幻​​灯片默认设置已启用默认情况下,在幻灯片的主要背景上启用效果。

8.方向选择应应用效果的滚动方向。选项为“顶部”,“底部”或“两个”方向。

9.禁用移动禁用对移动设备的影响。

10.偏移(倾斜)效果当模块的该百分比滚动到视图中时,开始应用效果。

11.影响BG的因素幻灯片主要背景效果的强度。

12.层上的系数幻灯片的层上效果的默认强度。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

2. 幻灯片设置

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来
[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

3. 图层设定

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

1.视差和3D等级

图层的视差和/或3D效果所使用的深度值。

2.在蒙版下

将蒙版应用于图层的边界框。当图层移动时,它永远不会在蒙版外面出血。

3.附加到BG。

图层移动将与幻灯片主要背景的移动同步。

4/5。基于时间轴/过滤器滚动的处理
基于模块的“滚动”设置将运动应用于图层。选择“默认”以使用模块的默认设置,选择“启用-基于滚动”以在滚动页面时允许效果,或选择“禁用-基于时间”以仅允许滚动时间轴效果。

[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来

评论

复制标题和 URL