Эффекты наведения Elementor Creative Link
Виджет Creative Links Master Addons превращает одну текстовую ссылку в анимированную ссылку с эффектом ховера. он бесплатен и имеет 22 эффекта: 10 работа в бесплатном плагине и 12 потребность Мастер Аддоны Про. Добавьте текст ссылки, необязательный значок и URL-адрес, выберите эффект, затем раскрасьте части анимации. Используйте его для вызовов к действию внутри раздела, ссылок нижнего колонтитула или короткого списка ссылок.
Как добавить эффекты наведения ссылок в Elementor
Вам нужен Elementor и бесплатный плагин Master Addons.Каждый виджет содержит одну ссылку. вот подробности документация по элементу творческих ссылок.
- Убедитесь, что Creative Links включена ниже Мастер-аддоны, виджеты.
- В редакторе Elementor выполните поиск Креативные ссылки и перетащите его на страницу.
- Введите URL-адрес текста ссылки и ссылки.
- Выберите эффект Эффекты, и добавить значок или Текст альтернативной ссылки, если эффект использует его.
- На вкладке Стиль установите типографику, набивку и цвета Normal и Hover.
- Дублируйте виджет для каждой необходимой вам дополнительной ссылки.
22 эффекта наведения на связь (10 бесплатно, 12 Pro)
Выберите анимацию в Эффекты выпадающий. свободные эффекты: Кронштейны, Слайд нижней линии, Увеличить нижнюю границу, Слайд вверх 2-й границы, Заполнение текста, Три точки, Масштаб вниз, Переместить вверх, Эффект 21 и Эффект 22. Эффекты Pro: 3D Эффект, Слайд внутрь, Сползание границы вниз, Перевод границы, 2-й текст и граница, Раскрыть Выталкивание, Круг, Переключение границы, Падение вниз, Перекресток, 3D Слайд и 3D Сползать вниз.
- Каждый эффект представляет собой простой CSS на звене и его слоях::до и:после.
- Переместитесь вверх, раскройте "Вытолкнуть", "Кросс" и эффекты 3D-слайда показывают текст альтернативной ссылки при наведении курсора.
- Раскройте Push Out, текстовую заливку, масштабирование вниз, падение вниз и движение вверх не отображают значок.
Стиль ссылки и ее анимационных слоев
Стили ссылок охватывает ширину, размер значка, типографику, заполнение ссылок, границу, радиус границы и тень коробки. вкладки "Нормальное" и "Наведение" устанавливают цвет текста и цвет фона, а также цвета слоев, которые анимируют эффекты: цвет передней части BG (цвет задней части BG при наведении), цвет перед BG и цвет после BG. Цвет текстовой заливки появляется, когда вы выбираете эффект текстовой заливки.
- Нормальный и Ховер цвета устанавливаются отдельно.
- До и После BG Цвета управляют движущимися линиями, скобками и наполнителями.
- Ширина, заполнение и выравнивание реагируют.
Параметры наведения Elementor против креативных ссылок
У Elementor есть анимация наведения на виджет "Кнопка", а у Elementor Pro есть анимация указателей в виджете "Меню навигации". Вот где каждый подходит.
| Нужна | Кнопка Элементор | Нав-меню Elementor Pro | Мастер Аддоны Креативные ссылки |
|---|---|---|---|
| Что он оживляет | Вся кнопка (расти, пульс, плавать, колебаться и другие) | Элементы меню с подчеркивающими, оверлайновыми, рамочными, фоновыми или текстовыми указателями | Единая текстовая ссылка со строками, скобками, заливками или 3D-переворотами |
| Количество эффектов | Список анимаций наведения на всю кнопку | 6 типов указателей со своей анимацией | 10 бесплатно, 22 с Pro |
| Поменяйте текст на ховере | Нет | Нет | Да, с текстом альтернативной ссылки на некоторые эффекты |
| Работает для полного меню | Нет | Да, с выпадающими и мобильным тумблером | Нет, по одной ссылке на виджет |
| Стоимость | Бесплатно | Элементор Про | Бесплатно, 12 эффектов в Pro |
Для целого меню навигации - Nav-меню Elementor Pro или главные дополнения Меню Навигация лучше подходит. о кнопках с эффектами зависания см Креативная кнопка.
Часто задаваемые вопросы для творческих ссылок
Чем отличается "Ссылочный текст" от "Альтернативного текста ссылки"?
Текст ссылки - видимая метка Текст альтернативной ссылки - это метка, которая скользит или переворачивается при наведении с помощью Reveal Push Out, Move Up, Cross, 3D Slide и 3D Slide Down. Если вы оставите его пустым, эти эффекты повторно используют текст ссылки. Заполнение текста, масштабирование и падение всегда используют текст ссылки.
Виджет Creative Links бесплатен?
Да. Creative Links находится в бесплатном плагине Master Addons с 10 эффектами и всеми элементами управления стилем.Master Addons Pro добавляет 12 эффектов, включая 3D-эффект, круг, пограничный переключатель и эффекты 3D-слайда.
Для чего нужны "Before BG Color" и "After BG Color"?
Большинство эффектов рисуют свои линии, скобки и заполняет с помощью ::до и : после слоев ссылки. Перед BG Цвет и После BG Цвет установить цвет этих слоев, в вкладках Нормальный и Hover. Какой слой рисует то, что зависит от эффекта, поэтому изменить один цвет и смотреть предварительный просмотр.
Работают ли эффекты на мобильных (сенсорных) устройствах?
Телефоны и планшеты не имеют hover Большинство мобильных браузеров применяют стиль hover на момент, когда ссылка нажата, а затем открыть его, поэтому посетители могут увидеть только краткую вспышку эффекта Сама ссылка работает нормально.
Как мне выбрать правильный эффект?
Соответствовать эффекту там, где находится ссылка.Слайд нижней линии, Нижняя граница Увеличить и скобки достаточно тихие для текста тела и нижних колонтитулов.Заполнить текст, двигаться вверх и три точки привлечь больше внимания и подходит один призыв к действию. Попробуйте несколько в предварительном просмотре редактора, прежде чем вы решите.
Могу ли я применять разные эффекты к разным ссылкам в одном виджете?
Каждый виджет Creative Links содержит одну ссылку с одним эффектом. для нескольких ссылок добавьте виджет по ссылке и выберите эффект на каждую. Дублируйте стилизованный виджет, чтобы сохранить цвета одинаковыми.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
