Креативные ссылки
Стандартная синяя подчеркивающая ссылка делает свою работу, но она забывает произвести впечатление В сегодняшней сети каждое взаимодействие - это шанс для вовлечения.Master Addons Creative Links Element превращает обычные текстовые ссылки в миниатюрные произведения искусства Выбирайте из более чем 22 уникальных эффектов наведения (англ.hover) (англ.)русск. от тонких подчеркивающих слайдов до динамических 3D-преобразований (англ.)русск. и применяйте их в любом месте вашей целевой страницы. Стиль каждой части эффекта, управление значком и создание микро-опыта, который делает щелчок свежим и преднамеренным.
Обширная библиотека эффектов зависания
Это сердце элемента. выйти за рамки простых изменений цвета. выберите из тщательно подобранного списка сложных эффектов, которые запускаются при наведении курсора. хотите классический слайд нижней линии? игривый раскрытие трех точек? драматический эффект 3D слайда или заполнения текста? каждый эффект применяет отдельную CSS-анимацию к тексту ссылки и его псевдоэлементам, создавая все, от элегантных до смелых взаимодействий. эта библиотека позволяет вам добавить индивидуальность и отточить свои меню, оглавление или списки функций, не написав ни строки кода.
- 22+ предварительно созданных эффекта: мгновенно примените такие анимации, как "Переключение границ", "Вниз по масштабу", "Круг", "Перекресток" и "Вверх".
- Диапазон стилей: от тонкого (увеличение нижней границы) до жирного (3D-эффект, 2-й текст и раскрытие границы Push Out).
- Простое применение: выберите эффект от конфигурации комплекса dropdown indo, необходимой для запуска.
Стиль для всех государств ссылок
Достичь идеального дизайна пикселей, стилизуя каждый компонент эффекта ссылки.Установите базовую типографику, заполнение ссылок и общую ширину. Затем погрузитесь глубоко в стиль состояния.Определите цвет текста и цвет фона как для нормального, так и для зависания. Важно отметить, что стиль цветных элементов, используемых в эффектах: цвет Span BG, цвет перед BG и цвет после BG. Они управляют фоном анимированных псевдоэлементов, которые питают такие эффекты, как скользящие линии, заполненный фон или расширяющиеся круги. Добавьте радиус границы и тень коробки, чтобы завершить образ.
- Дизайн с двумя состояниями: независимо контролируйте цвета и фон для состояний Normal и Hover.
- Стиль компонентов эффекта: прямой стиль фона "До", "После" и "Пролет", создающий визуальные эффекты анимации.
- Полный контроль типографики: выберите шрифт, размер, вес и интервал для текста ссылки.
- Форма и глубина: используйте радиус границы и тень коробки, чтобы смягчить или поднять контейнер ссылки.
Часто задаваемые вопросы для творческих ссылок
Чем отличается "Ссылочный текст" от "Альтернативного текста ссылки"?
Текст ссылки - это то, что всегда видно по умолчанию (например, “Our Services”).Текст альтернативной ссылки - это то, что появляется или взаимодействует во время эффекта наведения. В таких эффектах, как “Text Fill” или “Border Switch,” этот альтернативный текст может скользить, заменять или анимировать рядом с исходным текстом, создавая динамическое изменение.
Могу ли я использовать эти креативные ссылки в качестве основной навигации моего сайта?
Абсолютно! они идеально подходят для меню заголовков, особенно для минималистичного или креативного дизайна сайтов, где вы хотите, чтобы сама навигация была визуальной функцией. просто добавьте каждый пункт меню как отдельный “Item” в ретрансляторе Содержимого.
Для чего нужны "Before BG Color" и "After BG Color"?
Это секретные ингредиенты. наиболее продвинутые эффекты наведения CSS используют::до и : после псевдоэлементов для создания анимированных форм, линий или фоновых заполнений. эти элементы управления цветом позволяют вам напрямую стилизовать эти скрытые элементы, позволяя вам сопоставить цвета эффекта с вашим брендом. Например, в эффекте слайда нижней линии цвет после BG может контролировать цвет скользящего подчеркивания.
Работают ли эффекты на мобильных (сенсорных) устройствах?
Да, они полностью функциональны На сенсорных устройствах эффект зависания обычно запускается при первом касании (состояние “hover”), а ссылка выполняется при втором касании Это стандартное поведение для эффектов зависания на мобильном Вы получаете обратную связь анимации до изменения страницы.
Как мне выбрать правильный эффект?
Рассмотрим индивидуальность вашего сайта:
- Профессиональный/корпоративный: используйте тонкие эффекты, такие как слайд нижней линии или перевод границы.
- Креатив/Портфолио: Идите для более смелых эффектов, таких как 3D Слайд, Круг или Текстовая Заполнение.
- Современный/минималистский: нижняя граница, увеличенная или уменьшенная масштабность, прекрасно работают.
Предварительный просмотр нескольких (лучший эффект усиливает связь, не отвлекаясь.
Могу ли я применять разные эффекты к разным ссылкам в одном виджете?
На снимках экрана показано одно глобальное раскрывающееся изображение Эффекты, предполагающее, что все ссылки в одном экземпляре виджета имеют один и тот же выбранный эффект. чтобы иметь разные эффекты (например, одна ссылка с эффектом круга, другая с эффектом слайда), вам, вероятно, потребуется разместить несколько отдельных виджетов Creative Link.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
