What’s the difference between "Link Text" and "Alternative Link Text"?

Link Text is the visible label. Alternative Link Text is the label that slides or flips in on hover with Reveal Push Out, Move Up, Cross, 3D Slide and 3D Slide Down. If you leave it empty, those effects reuse the Link Text. Text Fill, Scale Down and Fall Down always use the Link Text.

Is the Creative Links widget free?

Yes. Creative Links is in the free Master Addons plugin with 10 effects and all style controls. Master Addons Pro adds 12 effects, including 3D Effect, Circle, Border Switch and the 3D Slide effects.

What are the "Before BG Color" and "After BG Color" for?

Most effects draw their lines, brackets and fills with the ::before and ::after layers of the link. Before BG Color and After BG Color set the color of those layers, in the Normal and Hover tabs. Which layer draws what depends on the effect, so change one color and watch the preview.

Do the effects work on mobile (touchscreen) devices?

Phones and tablets have no hover. Most mobile browsers apply the hover style for a moment when the link is tapped and then open it, so visitors may see only a brief flash of the effect. The link itself works normally.

How do I choose the right effect?

Match the effect to where the link sits. Bottom Line Slide, Bottom Border Enlarge and Brackets are quiet enough for body text and footers. Text Fill, Move Up and Three Dots draw more attention and suit a single call to action. Try a few in the editor preview before you decide.

Can I apply different effects to different links in the same widget?

Each Creative Links widget holds one link with one effect. For several links, add a widget per link and pick the effect on each. Duplicate a styled widget to keep the colors the same.

Elementor 创意链接悬停效果

Master Addons Creative Links小部件将一个文本链接变成一个具有悬停效果的动画链接,它是免费的,有22种效果:10个工作在免费插件中,12个需要硕士插件专业版。添加链接文本、可选图标和 URL,选择一个效果,然后为动画的各个部分着色。将其用于部分、页脚链接或链接短列表内的行动调用。

如何在 Elementor 中添加链接悬停效果

Elementor和免费的Master Addons插件就需要了,每个小部件都包含一个链接,这里有一个细节有关创意链接元素的文档.

检查创意链接是否已打开 主插件、小部件.
在 Elementor 编辑器中,搜索 创意链接 并将其拖到页面上。
入链接文本和链接网址。
选择效果效果并且如果效果使用图标或替代链接文本,则添加图标或替代链接文本。
在"样式"选项卡中,设置排版、填充以及"正常"和"悬停"颜色。
为您需要的每个额外链接复制小部件。

22 个链接悬停效果(10 个免费,12 个专业版)

选择动画效果 drodown。free 效果: 括号, 底线滑动, 底边框放大, 第二边框向上滑动, 文本填充, 三点, 缩放, 向上移动, 效果21和效果22。Pro 效果: 3D 效果, 滑入, 边框向下滑动, 边框翻译, 第二文本和边框, 显示推出, 圆圈, 边框开关, 倒下, 交叉, 3D 滑动和 3D 滑落。

每个效果在链接及其::层之前和::层之后都是简单的 CSS。
向上移动、显示推出、交叉和 3D 幻灯片效果在悬停时显示替代链接文本。
显示"推出"、"文本填充"、"缩放"、"向下掉落"和"向上移动"不会显示该图标。

风格链接及其动画层

链接样式 涵盖宽度、图标大小、排版、链接填充、边框、边框半径和框阴影。 Normal 和 Hover 选项卡设置文本颜色和背景颜色,加上效果动画的图层的颜色:正面 BG 颜色(Hover 上的背面 BG 颜色)、BG 颜色之前和 BG 颜色之后。选择文本填充效果时会出现文本填充颜色。

正常颜色和悬停颜色分别设置。
BG Colors 之前和之后控制移动的行、括号和填充。
宽度、填充和对齐响应灵敏。

元素悬停选项与创意链接

Elementor 在按钮小部件上有悬停动画,Elementor Pro 在 Nav 菜单小部件中有指针动画,这里是每个小部件的适合位置。

需要	元素按钮	Elementor Pro Nav 菜单	主插件创意链接
它动画化了什么	整个按钮(生长、脉冲、漂浮、摆动等)	带有下划线、上划线、框架、背景或文本指针的菜单项	带有行、括号、填充或 3D 翻转的单个文本链接
影响数量	整个按钮的悬停动画列表	6种指针类型,并有自己的动画	10免费,22与专业人士
悬停时交换文本	否	否	是的,带有替代链接文本的一些效果
适用于完整菜单	否	是的,有下拉和移动切换	不,每个小部件一个链接
成本	免费的	元素专业版	免费,Pro 中的 12 种效果