多种设计预设和动画预设
首先,从四个风格预设中选择您的基本外观:经典的默认、正面图像、对角线和正面图标。每个预设都会改变初始视觉布局。然后,通过从庞大的库中选择动画风格,将其变为现实。选择简单的水平翻转或垂直翻转、复杂的 3D 翻转、流畅的淡入淡出或 Cube 旋转、翻转或对角线显示等创意选项。这种组合可让您将翻转框的行为与您网站的精力完美匹配。微妙或戏剧性。
- 四种风格基础:从默认、正面图像、对角线和正面图标预设设计中进行选择。
- 丰富的动画库:从 15 多部动画中进行选择,包括 Flip、Fade、Cube、Rollover 和 3D Flip。
- 控制效果:默认情况下,动画触发悬停,创造直观的交互式体验。
双面内容生成器
独立构建两个完整的内容面。对于前盒,添加图标(选择堆叠或框架样式)、强标题和简短的预告片描述。设置 SEO 的对齐和标题 HTML 标签。对于后盒,重复不同内容的过程。扩展描述,添加更多细节,或完全专注于号召性用语。这种两阶段方法可以让您用正面进行调侃,用背面进行交付。
- 独立内容面板:前盒和后盒内容的完全独立控件(图标、标题、描述)。
- 图标样式选项:将图标直接从内容选项卡呈现为堆叠(实心)或框架(有边框)。
- 战略信息:使用正面作为标题福利,使用背面作为细节、功能或社交证明。
- 结构控制:独立设置两侧内容的对齐(左、中、右)。
CTA 按钮带悬停
Back box 不只是为了信息,而是为了行动,包括一个清晰的 Action Button,带有可自定义的按钮文本(如 “立即购买” 或 “了解更多”)和一个链接,然后,将其设计为完美的样式,正常和悬停状态分开,控制文本颜色,排版,背景颜色,边框,边框半径和填充。这使得翻转框的显示变成了直接的转换途径,所有这些都不需要单独的小部件。
- 直接调用操作:在翻转后添加一个带有文本和链接的按钮,该按钮出现在后框上。
- 专业按钮造型:使用边框半径、填充和背景控制来制作抛光按钮。
Flipbox 常见问题解答
在没有悬停的移动设备上会发生什么?
Flip交互通常由移动设备上的轻按触发,用户轻按前盒将其翻转到后面,并且可以再次轻按以翻转回来,这使得它在触摸屏上功能齐全且直观。
我可以使用图像而不是正面的图标吗?
是!其中一个样式预设称为“前图” 选择此预设会将图标选择器更改为图像上传器,允许您使用照片、徽标或图形作为前框的主视觉效果。
翻转框内容响应灵敏吗?
Absolutely。里面的文字、图标、按钮会适当缩放和包裹不同的屏幕尺寸。你设置的翻转框高度也是响应式的, 但如果需要, 你可以专门针对移动使用Elementor的响应式编辑模式进行调整。
这个元素在现实世界中有什么很好的用途?
- 服务框:正面:服务图标和名称(例如,“网页设计”)。背面:描述 & “获取报价”按钮。
- 团队简介:正面:照片和姓名。背面:生物和社交链接。
- 产品功能: 正面:功能图标和标题。背面:详细规格和 “查看产品”链接。
- 统计:前面:一个大数字。后面:这意味着什么和一个源链接。
我可以将整个翻转框链接到没有单独按钮的页面吗?
默认情况下,您可以仅将链接添加到按钮。但在我们的 Wrapper 链接扩展的帮助下,您可以链接整数翻转框。
如何选择正确的动画?
考虑您网站的节奏。对于企业或清洁网站,请使用 Flip Horizontal/Vertical 或 Fade。对于创意、科技或投资组合网站,3D Flip、Cube 或 Rollover 可以增加更多个性。预览几款,最好的感觉很流畅,不会分散您的信息。
