Найти в Дзене
Стилизация текста на Tilda: эффекты, обводки, подсказки

Стилизация текста на Tilda: эффекты, обводки, подсказки

Всё про работу с текстом в Zero Block и стандартных блоках: эффект обводки текста, стилизация слов как тегов, подсказки при наведении на ссылки, тени, маски и другие визуальные приёмы. В подборке — CSS-переменные, готовые сниппеты, разбор совместимости и советы по адаптации под экраны до 480 px.
подборка · 3 материала
2 недели назад
Анимированный градиентный текст в Zero Block
Эффектное решение для Zero Block: текстовый элемент приобретает плавную переливающуюся градиентную заливку. Работает на чистом CSS без использования JavaScript, не нагружает страницу и легко кастомизируется под фирменные цвета бренда с помощью CSS-переменных. Полностью код, пошаговая инструкция и пример...
2 недели назад
Автообновление года в копирайте: готовое решение для Tilda
По умолчанию владельцы сайтов забывают менять год в нижней строке (футере). Это создает впечатление заброшенного ресурса, снижает доверие посетителей и поисковых систем. Скрипт размещается один раз в блоке T123 («HTML-код») внутри подвалов всех страниц сайта или через общие настройки Site Settings → More → Head. После этого он будет работать автоматически на всем проекте.Пользовательский опыт: Актуальный диапазон лет показывает, что проект живет, поддерживается и обновляется. SEO-сигналы: Поисковые роботы обращают внимание на актуальность контента...
2 недели назад
Эффект обводки текста в Тильда
Решение Эффект обводки текста реализуется через свойства -webkit-text-stroke и text-stroke. Решение адаптировано под работу в Zero Block стили применяются к текстовому элементу с классом .sd-outline. В основе — предоставленный код: он задаёт обводку толщиной 1 px и цветом #ED1F7E. Зачем это нужно и где применять Логика работы Полностью код, пошаговая инструкция и пример...