![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-addon-3.jpg)
插件要求
Particles是一个高级插件,需要注册和激活购买代码。该效果可用于模块的幻灯片。
内容
- 启用粒子效果
- 粒子效果库
- 粒子设置
- 相关话题
- 安装附加组件
- 启用插件
- 导入模板
1.启用粒子效果
可以为每个模块的幻灯片启用“粒子效果”。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/enable-particles-addon-1-1.jpg)
2.粒子效果库
从“粒子效果库”中选择一个预设以加载其设置。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particle-presets-1.jpg)
如果您已经调整了设置并希望将其保存以供在其他幻灯片或模块上使用,则可以将设置另存为自己的自定义模板。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-save-template-1.jpg)
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-save-custom-template-1.jpg)
新的自定义模板将在“自定义预设”部分中列出,可以在其中更改其名称,覆盖或删除设置。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-save-custom-template-saved-1.jpg)
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-delete-template-1.jpg)
3.粒子设置
1.粒子图标
选择一个或多个图标以显示效果。
2. SVG库
从900多个图标中选择要使用的效果。
3.粒子
数在任何给定时间要显示的最大粒子数。
4.粒子大小
每个粒子的大小(以像素为单位)。
5.随机尺寸
将颗粒尺寸随机化。
6.最小大小
随机大小的最小大小。
7.
在移动设备上禁用在移动设备上禁用效果。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-settings-1.jpg)
1. z-Index 为粒子的HTML Canvas元素
设置自定义CSS z-index。
2.粒子颜色
为粒子选择一种或多种颜色。粒子之间会交替使用多种颜色。
3.不透明度
粒子的透明度级别(0-100)。
4.随机不透明度
将每个粒子的透明度随机化。
5.最小不透明度
随机化不透明度时要应用的最小不透明度。
6.边界和描边
向粒子SVG添加边界和描边。
7.边框颜色为边框/描边
选择一种或多种颜色。 粒子之间会交替显示多种颜色。
8.边界大小
粒子的SVG的“笔划宽度”。
9.边界不透明度
SVG边界的透明度级别(0-100)。
10.连接的线
用线连接每个粒子,从而创建蜘蛛网类型的视觉效果。
11.连接线颜色
为连接线选择一种或多种颜色。 粒子之间会交替显示多种颜色。
12.连接的线宽
线的大小,以像素为单位。
13.连接线的不透明度
连接线的透明度级别(0-100)。
14.粒子之间的距离
两个粒子用线连接之前需要存在的空间量。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-styling-1-1.jpg)
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-movement-1-1.jpg)
用户可以在鼠标悬停并单击时与“粒子”进行交互。 “ Repulse”,“ Grab”和“ Bubble”可用于鼠标悬停,而“ Repulse”和“ Bubble”可用于单击。 尝试一下哪种类型的用户交互效果最适合您的项目。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-hover-mode-1.jpg)
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-click-mode-1-1.jpg)
排斥作用
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-repulse-1-1.jpg)
抓取效果
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-grab-1.jpg)
气泡效果
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-bubble-1.jpg)
8.同步
启用此选项可以同时对所有粒子的不透明度级别进行动画处理(否则,它们将随机进行动画处理)。
![[Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。 [Slider Revolution 6]将“幻灯片效果”添加到幻灯片中,以增强视觉效果。](https://aladd.net//wp-content/uploads/2020/05/particles-pulse-1.jpg)