- 相关话题
- 安装附加组件
- 启用插件
- 导入模板
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/bubblemorph-addon-2.jpg)
插件要求
BublbleMorph是一个高级附件,需要注册和激活购买代码。插件会创建一种特殊的图层类型,可以将其添加到幻灯片中以产生效果。
首先,将“ BubbleMorph”图层添加到编辑阶段。
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/add-bubblemorph-layer-2.jpg)
然后调整新的BubbleMorph图层的背景颜色
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/bubblemorph-backkground-color-2.jpg)
然后调整图层的大小和位置
响应大小和位置
BubbleMorph图层扩展了常规的“形状”图层,并且可以针对每个设备视口响应地调整其大小和位置。
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/bubblemorph-size-position-2.jpg)
接下来,调整BubbleMorph图层的特殊设置
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/bubblemorph-settings-2.jpg)
响应式设置
所有BubbleMorph设置也可以针对不同的屏幕尺寸进行自定义。
1.最大变形
气泡在任何给定时间可以具有的“弯曲点”的最大数目。尝试不同的数字,以查看哪种类型的动画最适合您的项目。
2.速度X / Y
气泡形状在弯曲点缩放的速度。
3.缓冲区X / Y
向气泡的边界点增加间距,这对于防止气泡在模块外部渗出很有用。
4.暗影力量
的CSS的box-shadow实力。保留为“ 0”时无框阴影。
5.阴影颜色CSS框阴影
的颜色。
6.阴影偏移X / Y CSS框阴影
的偏移点。
7.边框大小
为图形添加可选边框。留在“ 0”无边界。
8.边框颜色边框
的颜色(如果使用)。
![[Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中 [Slider Revolution 6]将动画熔岩灯类型的形状添加到幻灯片中](https://aladd.net//wp-content/uploads/2020/05/bubblemorph-settings-options-2.jpg)