主要外卖
- Elementor 的主插件图像悬停效果小部件具有 30 个图像悬停效果,每个图像悬停效果均按名称从内容选项卡中的一个悬停效果下拉中选择。
- 8种图像悬停效果工作,没有大师阿登专业版:莉莉,萨迪,罗克西,布巴,罗密欧,莱拉,蜂蜜和奥斯卡,其他22种效果需要专业版。
- 30个图像悬停效果中的大多数显示标题和描述,其中六个还显示社交图标,Honey使用子标题,Julia显示三行单独的文本。
- 小部件中的每个图像悬停效果都是用 CSS 构建的,每个小部件保存一个图像,因此悬停卡网格由多个小部件制成。
- 在触摸屏上,图像悬停效果通常出现在第一个点击上,第二个点击跟随链接。
图像悬停效果是指针在图片上移动时播放的动画,最常见的是揭示标题和描述。以下是 30 个,全部来自 图像悬停效果小部件 elementor,每个都是在真实页面上以悬停状态捕获的。使用列表通过它显示的内容和它适合的位置来选择效果。
Widget中按名称进行效果,因此下面的名称是您将在下拉中看到的,每个计划的前八个工作,其余的都需要Master Addons Pro。
目录
如何阅读这些示例
每个示例在指针位于其上方的同时显示卡片。在悬停之前,图像是纯图像,或者仅显示标题,具体取决于效果。每个图像下方的行表示屏幕上的内容并建议使用。
文本、颜色和字体都是您要更改的。修复的效果是覆盖层的布局以及它是如何到达的。
没有 Pro 的情况下有效的 8 种效果
Dropdown中的前八个效果在每个计划中都有,所有八个都有一个标题和一个描述,除了Honey,它显示标题与子标题。
1。百合花
标题和描述位于左下角,略微变暗的图像上方。它适合照片应保持焦点的投资组合缩略图。
2。萨迪
标题以中心为中心,描述以色调覆盖图像的方式显示在较低的位置。它适合带有短标语的目标图块和类别卡。
3。罗克西
图像内部画了一个薄框,标题和描述以其中为中心。它适合需要整洁、盒装外观的产品或服务瓷砖。
4。布巴
围绕中心绘制一帧,标题和描述位于其中。它适合每张卡片都带有名称和一行细节的列表。
5、罗密欧
2条细线横穿图像,标题在中心上方,描述在下方,适合物业和项目卡片,照片强烈。
6。莱拉
横线和纵线围绕标题和描述形成开放式框架,它适合室内、建筑和画廊网格。
7、蜂蜜的
Title和Sub Title在底部共用一行,位于一个彩色条的上方,它适合菜单类别和短标签,蜂蜜是唯一使用Sub Title字段的效果。
8、奥斯卡
图像变暗,出现以标题和描述为中心的框架,适合商店类别和任何带有两行短文字的卡片。
自己盘旋它们。 的 图像悬停效果小部件页面 有这八种效果作为活卡。
22 Pro 效果
22个效果剩下的需要大师Addons Pro,其中6个添加了社交图标,一个Julia显示三行文字。
9。马利
Title坐右上,下面有一行,右下出现描述,适合编辑版式和杂志风格卡片。
10、红宝石
Title 停留在一个有边框的盒子上方,盒子里装着描述,它适合特征图块,其中描述是号召性用语。
11、米洛
描述位于右上方的垂直线旁边,标题位于右下角,适合带有标题和信用额度的图像卡。
12、德克斯特
Title在上面,下面厚框装着描述,适合大胆的宣传牌。
13、莎拉
Title左上方,下方有一行,下文描述如下,适合博客风格卡片和案例研究预告片。
14、佐伊
1条带标题和社交图标的彩色条从底部升起,描述位于其上方,它适合团队成员和作者卡。
15、奇科
图像在框架内变暗,标题和描述为中心。它适合黑暗的电影画廊。
16、朱莉娅
Title在左上方,下方最多出现三条短线,每条都贴在自己的标签上,适合需要一些子弹状事实的卡片,Julia有自己的这些线条中继器。
17、歌利亚
1块暗板覆盖影像下部,并装有标题和描述,适合较长描述的卡片,需要扎实的背景。
18、赫拉
中心出现菱形轮廓,带有标题和四个社交图标,适合个人资料图片和社交链接卡。
19。温斯顿
Title在上方,沿下方出现一排社交图标,适合每个人都有社交档案的团队网格。
20、赛琳娜
图像缩小在帧内,而标题和描述位于顶部附近。它适合造型手册和产品摄影。
21、特里
图像移入深色背景上的较小窗口,标题位于左下角,社交图标。它适合扬声器和五线谱卡。
22、菲比
Title正下方以一排社交图标为中心,它适合简单的个人资料卡。
23、阿波罗号
Title 坐落在右上,描述位于右下的一条短垂直线旁边,它适合最小的投资组合图块。
24、基拉
Title在顶部,其下方的灯光面板中带有社交图标,后面是描述,它适合团队成员,具有单行角色。
25、史蒂夫
Title和描述各自出现在图像上各自的白色条上,它适合忙碌照片上的高对比度标签。
26、摩西
Title 坐左上方的盒子里,描述坐右下方的第二个盒子里,它适合两个部分的标签,比如名字和价格。
27、爵士乐
Ti目和描写为中心,斜线横过角落,适合活动和音乐艺术品。
28、明某某
1个框框围绕着中心, 描述上方有标题, 它适合正式的卡片, 如奖项或证书。
29、乐西
Title在左上方,描述坐在一条曲线内右下方,适合俏皮的产品和生活方式的瓷砖。
30、公爵
Title在上面,描述坐在左下方的盒子里,它适合带有短标签的卡片,应该像标签一样读取。
30个图像悬停效果全部在一个表中
此表列出了它显示的文本层的每个效果以及是否需要 Pro。
| 效果 | 悬停节目 | 需要专业 |
|---|---|---|
| 百合花 | 标题和描述 | 否 |
| 萨迪 | 标题和描述 | 否 |
| 罗克西 | 标题和描述 | 否 |
| 大笑话 | 标题和描述 | 否 |
| 罗密欧 | 标题和描述 | 否 |
| 莱拉 | 标题和描述 | 否 |
| 蜜 | 标题和子标题 | 否 |
| 奥斯卡 | 标题和描述 | 否 |
| 马里 | 标题和描述 | 是的 |
| 红宝石 | 标题和描述 | 是的 |
| 米洛 | 标题和描述 | 是的 |
| 蛋白质 | 标题和描述 | 是的 |
| 莎拉 | 标题和描述 | 是的 |
| 佐伊 | 标题、描述和社会图标 | 是的 |
| 菊苣根 | 标题和描述 | 是的 |
| 茱莉亚 | 标题和三行 | 是的 |
| 歌利亚 | 标题和描述 | 是的 |
| 赫拉 | 标题和社会图标 | 是的 |
| 温斯顿 | 标题和社会图标 | 是的 |
| 赛琳娜 | 标题和描述 | 是的 |
| 非常的 | 标题和社会图标 | 是的 |
| 菲比 | 标题和社会图标 | 是的 |
| 阿波罗 | 标题和描述 | 是的 |
| 基拉 | 标题、描述和社会图标 | 是的 |
| 史蒂夫 | 标题和描述 | 是的 |
| 领导者 | 标题和描述 | 是的 |
| 爵士乐 | 标题和描述 | 是的 |
| 明 | 标题和描述 | 是的 |
| 莱克西 | 标题和描述 | 是的 |
| 公爵 | 标题和描述 | 是的 |
Elementor 中如何添加其中一个效果
添加效果需要一个小部件和一个下拉。
- 使用 Elementor 编辑您的页面并拖动 图像悬停效果 小部件到上面。
- 将图像上传到下面 效果与图像.
- 按名称选择效果 悬停效果.
- 填写 标题 並 描述。带有图标的效果也显示社交链接部分。
- 套 链接还是弹出窗口? 如果点击应该引导到某个地方。
对于网格,每列放置一个小部件,并在行中使用相同的效果。我们的分步指南 elementor 中添加图像悬停效果 也涵盖了内置选项。有关保留在图像上的说明文字,请参阅 图像上的元素文本.
常见问题
什么是图像悬停效果?
图像悬停效果是当访问者将指针移动到图像上时运行的动画。图像可能会变焦、变暗或变色,标题或描述经常在其上滑动或淡入。它们也称为图像翻转效果或图像叠加。
如果没有 Master Addons Pro,哪种图像悬停效果有效?
30个中的8个:莉莉、萨迪、罗克西、布巴、罗密欧、蕾拉、哈妮和奥斯卡,它们是悬停效应下拉的前8个条目,剩下的22个,从马利到杜克,需要大师阿登斯Pro。
我可以在每个图像上使用不同的悬停效果吗?
是。每个图像悬停效果小部件都保存一个图像和一个效果,因此网格中的每张卡片都可以有自己的。对于整洁的页面,每行或每节保留一个效果。
这些图像悬停效果需要自定义 CSS 吗?
No。Downdown中挑选效果,小部件提供CSS。颜色、不透明度和排版设置在Style选项卡中。如果您更喜欢自己编写CSS,Elementor的Image小部件上几行可以产生简单的效果,如缩放或灰度。
哪种悬停效果最适合团队部分?
Social图标的效果适合团队卡:佐伊,赫拉,温斯顿,特里,菲比和基拉,佐伊和基拉也显示了一个描述,它作为人的角色工作。所有六个都需要大师Addons Pro。
最后的想法
30个图像悬停效果涵盖了您将需要的大多数布局:角落标题,中心框架,条形图,面板和图标行。按您拥有的文本选择。一个短标题适合莉莉或奥斯卡,一个较长的描述适合歌利亚,社交链接呼叫佐伊或温斯顿。
的 图像悬停效果小部件页面 有现场卡可以尝试,并且 定价页面 列出了包含全部 30 个的计划。
相关阅读
