翻译:向上、向下或向侧面漂浮
翻译X 並 翻译Y 100到100 px之间各取一个From和a To值,小部件从第一个值移动到第二个和后面,进出都很顺畅,默认是0到5 px,一个很小的漂移。
- 垂直浮子: 将 Y 从 0 翻译为 15 px,会给出一个图标或徽章,一个温柔的鲍勃。
- 侧向漂移: Translate X 缓慢地左右移动小部件。
- 两个轴: X 和 Y 一起沿着对角线移动小部件,因为它们共享相同的时序。
旋转、缩放和计时
旋转 具有从 -180 度到 180 度的 X、Y 和 Z 滑块 规模 0到5有x和y,默认1到1.2,和translate一样都是从from到to和back摆动,所以旋转是摇摆而不是全旋转,每个变换都有一个 持续时间 最多 10000 毫秒(空时为 1000)和 a 延迟 最多 5000 毫秒。
- 脉搏: 1到1.05的尺度X和Y使按钮轻轻地生长和收缩。
- 摇摆: Z从-5旋转到5度适合悬挂标签或徽章。
- 一条时间线: 组合变换共享一个时序。首先使用 Translate 的持续时间和延迟,然后使用 Rotate,然后使用 Scale。
元素运动效果与主插件浮动效果
Elementor有两种运动(在Elementor 4.2。4上用Pro勾选),入口动画,在免费Elementor中,当小部件出现时播放一次,运动效果,在Elementor Pro中,当访客滚动或移动鼠标时移动小部件,两者都不会自行循环,这就是空白浮动效果填充。
| 特点 | 元素入口动画 | 元素职业运动效果 | 主加载项浮动效果 |
|---|---|---|---|
| 价格 | 免费的 | 元素专业版 | 硕士插件专业版 |
| 是什么开始了 | 小部件出现一次 | 页面滚动或鼠标移动 | 没什么,它会自行循环 |
| 运动 | 预设褪色、滑动、缩放和弹跳 | 垂直和水平滚动、透明、模糊、旋转、缩放、鼠标轨道、3D 倾斜 | X 和 Y 平移,旋转 X、Y 和 Z,缩放 X 和 Y |
| 你的价值观 | 持续时间和延迟 | 速度、方向和视口范围 | 从 和 到 值、持续时间和延迟 |
| 作品上 | 小部件和容器 | 小部件和容器 | 仅限小部件 |
Elementor Pro Motion Effects 想要绑在滚动或光标上的运动,则更适合。浮动效果适用于无需任何访客输入即可持续进行的温和运动。
如何在元素器中添加浮动效果
扩展打开后,浮动效果面板将位于每个小部件的高级选项卡中。
- 主 Addons Pro 处于活动状态,请转到 主插件 > 扩展 并打开 漂浮效果.
- Elementor 编辑您的页面, 然后选择您要移动的小部件, 例如图像或图标。
- 打开 高级 选项卡,展开 漂浮效果 并将其设置为"是"。
- 打开 翻译, 旋转 或 规模 并设置从 到 值。
- 套 持续时间 並 延迟式,然后在编辑器预览中检查该运动。
- 更新页面。有关图像的更长演练,请阅读我们的 浮动效果教程.
浮动效应常见问题
了解用户对浮动效应询问最多的查询,并在一个地方找到答案。
浮动效应免费吗?
号浮动效果是大师Addons Pro的一部分,自由元素器有入口动画播放一次,但没有循环浮动。
我可以在部分或容器上使用它吗?
号浮动效果面板只在小部件的高级选项卡中,要浮动一组元素,请将其应用到每个小部件上,或者在添加效果之前将它们组合成一个图像。
旋转可以一直旋转吗?
Not作为连续旋转,旋转从From值到To值再返回,在-180到180度以内,因此它最适合作为摇摆或倾斜。
在一页上使用许多这些效果会损害性能吗?
几个浮动小部件就可以了,动作使用小型anime。js库,只更改CSS变换,浏览器处理得很好,每个屏幕保留一小部件,这样页面保持平静,在速度较慢的手机上运行平稳。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
