设计变奏和翻转动画
设计变化 设置正面布局:默认和正面图标免费,正面图像和对角线需要专业版。 动画风格 设置卡片的转动方式。免费:翻转水平、翻转垂直、淡入淡出、翻转框、翻转框淡入淡出。 Pro 添加了四个立方体方向、淡入淡出隐藏后退、淡入淡出隐藏后退、四个幻灯片方向、两个对角幻灯片、淡入淡出、Nananana、翻转和 3D 翻转,其中有自己的方向设置。
- 共有 22 部动画:6 部免费,16 部 Pro 动画。
- 翻转可在桌面悬停和触摸屏点击上运行。
- 每个部分使用一个动画,这样一排卡片就感觉一致。
双面内容生成器
的 前盒 並 后箱 default、堆叠或框视图以及圆形或方形形状的每个都有自己的图标,标题、描述、对齐和标题标签保持前面的短,就像服务名称一样,并使用后面的解释。在样式选项卡中,每个面都有自己的背景、标题和描述颜色、排版、图标颜色和边框。
- 为每张脸单独提供内容和造型。
- 两张面上的标题 HTML 标签,因此卡片网格可以保持干净的标题顺序。
- 甲 翻盖盒高度 general 中的设置使两个面保持相同的大小。
CTA 按钮带悬停
的 动作按钮 用按钮文本和链接在背面显示。为 Normal 和 Hover 设置样式,带有文本颜色、背景、边框、边框半径和填充,以及排版。该按钮是小部件内部的唯一链接。要使整张卡片可点击,请添加免费 包装链接 小部件的扩展。
- 当链接到达时,请使用特定标签,例如“查看定价”。
- 跳过纯信息卡上的按钮。
- 如果您使用包装链接,请将按钮指向同一页面。
Elementor Pro 翻转框与主插件翻转框
Elementor Pro有自己的翻盖盒小部件,如果你已经付钱了,你可能不需要另一个,下面是两者相比。
| 特点 | Elementor Pro 翻盖盒 | 主插件 Flipbox |
|---|---|---|
| 价格 | 需要 Elementor Pro | 免费,在 Pro 中有更多设计和动画 |
| 翻转效果 | 翻转、滑动、推入、放大、缩小和淡入,具有方向和 3D 深度 | 6部免费动画,22部与Pro合作,包括立方体,翻转和3D翻转 |
| 正面图形 | 无,图像或图标 | 图标,或采用 Pro Front Image 设计的图像 |
| 整张卡链接 | 打开链接:仅限整箱或按钮 | 仅按钮,或带有免费包装链接扩展的整张卡 |
| 按钮 | 是的 | 是的,具有普通和悬停造型 |
Elementor Pro 想要内置一个整盒链接就更简单了,Master Addons 适合免费的 Elementor 站点,并且通过 Pro 给出了更多的动画选择,对于没有隐藏任何内容的静态卡,请使用免费 信息框 小部件。
翻转框的想法和技巧
翻转盒可以保持网格清洁,同时仍然携带细节,因为描述位于卡片后面而不是下面。它非常适合服务网格、正面有照片的团队卡片和背面的简介,具有翻转到数字含义的图块和统计卡。
- 设置翻盖盒高度。 如果没有它,较长的背面会在卡片转动和行跳跃时调整卡片的大小。
- 让脸看起来不一样。 正面有色调,背面有品牌颜色,翻转明显。
- 电话计划。 Touch screen没有悬停,所以点按翻牌,按键需要二次点按,在真实手机上测试。
- 将基本细节保留在正面。 价格、电话号码和预订链接不应仅靠背面显示。
- 限制运动。 每页一两行翻转框读数优于六种不同的动画。
如何在 Elementor 中添加翻转框
您需要 Elementor 和 WordPress。org 的免费主插件。
- 检查 Flipbox 是否已打开 主插件、小部件.
- 在 Elementor 编辑器中,搜索 翻转框 并将其拖入容器中。
- 选择设计变体和动画风格,然后悬停卡片以预览它。
- 填写前框和后框:图标、标题、描述和标题标签。
- 添加操作按钮文本和链接。
- 风格,一般,设置 翻盖盒高度 因此,该卡不会调整中翻转的大小,然后为每个面部设计样式。
3D效果,请阅读 3D元素人翻盖盒动画的制作方法。每个设置都在 翻转框小部件设置.
Flipbox 常见问题解答
翻盖盒在手机上如何工作?
Touch screen没有悬停,所以卡片在轻触时翻转,背面按钮在翻转后需要自己轻触,正面必看信息保留,在真实设备上测试。
我可以使用图像而不是正面的图标吗?
是的,带有正面图像设计变体,这是 Master Addons Pro 选项。在免费版中,使用正面图标或在"样式"选项卡中为面部设置背景图像。
Flipbox 小部件免费吗?
是的。Flipbox 位于免费的 Master Addons 插件中,其中包含默认图标和前图标设计以及 6 个动画。Master Addons Pro 又添加了 2 个设计和 16 个动画。
Elementor 有翻转框小部件吗?
Elementor Pro 只有一个。免费元素器没有,因此在免费元素器上,您需要一个插件,例如此 Flipbox 小部件。
我可以将整个翻转框链接到没有单独按钮的页面吗?
Widget 只链接按钮,要使整张卡片可点击,请打开免费 包装链接 扩展并将链接添加到 Flipbox 小部件。
有多少个翻转动画?
22共2。翻转水平, 翻转垂直, 淡入淡出, 翻转盒, 翻转盒淡入淡出免费, 其他16包括立方体, 翻转和3D翻转, 需要大师插件Pro。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
