Lottie 小工具（专业版）

Lottie 小部件是从 .json 文件呈现的小型动画元素。只需上传或引用外部 .json 文件并根据需要进行调整。

内容 #

洛蒂 #

1. 来源：选择 Lottie 文件的来源，媒体文件或外部 URL
2. 上传 JSON 文件：如果选择媒体文件作为来源，请单击此处从您的计算机上传 .json 文件。
3. 外部 URL：如果选择外部 URL 作为来源，请在此处输入 URL
4. Alignment：将小部件向左、向右或居中对齐
5. 标题：选择要使用的标题，该标题已分配给媒体库中的文件，可选择无、标题、标题或自定义。如果选择自定义，您可以在此处输入您自己的标题。
6. 链接：如果您想为元素输入链接，请选择自定义 URL，或者选择无表示无链接。

设置 #

1. 触发器：选择将触发动画开始的内容，从 Viewport、On Click、On Hover、Scroll 或 None 中进行选择。 
2. Viewport : This option is only available if either Viewport or Scroll is selected as the trigger. 选择元素在视口中出现的位置以及消失的时间。
3. 相对于滚动的效果：此选项仅在选择滚动作为触发器时可用。选择滚动位置是相对于视口还是相对于整个页面。
4. 循环：选择否或是连续循环动画
5. Number of Times：此选项仅在为 Loop 选择 Yes 时可用。输入您希望动画在停止前循环的次数。
6. 播放速度（x）：增加或减少动画播放的速度
7. 反转动画：选择是反转动画
8. 起点：选择动画开始的点
9. End Point : 选择动画结束的点
10. 渲染器：选择 SVG 或 Canvas 来渲染图形。
11. 延迟加载：选择 Yes 延迟加载此元素或选择 No 立即加载

风格 #

洛蒂 #

1. Width：设置元素的宽度
2. Max Width：设置元素的最大宽度
3. 不透明度：设置正常和悬停状态的不透明度
4. CSS 过滤器：设置 CSS 过滤器：正常和悬停状态的模糊、亮度、对比度和饱和度
5. 过渡持续时间：设置悬停过渡生效之前的时间量，以毫秒为单位

安全注意事项：请小心上传来自未知来源的 Lottie JSON 文件。JSON 文件可能包含恶意内容。Elementor 确实启动了清理文件的操作，但仍然存在一些风险。确保您只上传受信任的文件，并且不允许选择上传未经过滤的文件，除非您了解所涉及的风险。