Loading...
О платформе
Тарифы
Загрузка...
Вход
Регистрация
Установить расширение
Апдейты
О НАС
КЛИЕНТАМ
РАБОТА
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
Главная
Тарифы
Отзывы
Модификации
Предложить идею
Заказать модификацию
Партнерская программа
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Вакансии
Сотрудничество
Расширение
Telegram
Модификации
Профиль
дней
...
Апдейты
Установить расширение
Техподдержка
Telegram

Как сделать эффект неона для текста в Tilda?

Модификация может сделать эффект неона для текста, настроив цвет свечения, мерцание и толщину бордера
Время настройки: 1 минута
Генератор кода
Видео инструкция
Инструкция
1. Добавляем свой текст в Зеро Блок и указываем класс к нему такой же как и в генераторе;

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираем из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываем тот же класс что и в генераторе;

2. Выбираем цвет свечения;

3. Включаем эффект мерцания;

4. Настраиваем бордер;

5. Копируем сгенерированный HTML код и вставляем его в блок Т123;
НОЛИМ
Сгенерировать пример
Class текста
Цвет фона текста
Мерцание неона
+ Добавить неоновый border
Border отображения на экранах
Тип border
Толщина бордера (без рх)
Цвет бордера
Цвет фона бордера
border radius (без рх)
Отступ сверху (без рх)
Отступ справа (без рх)
Отступ снизу (без рх)
Отступ слева (без рх)
Копировать код<!-- Как сделать Эффект неона для текста в Tilda? -->
<!-- https://nolim.cc/neon-text-effect -->
<style> :root { --neon-text-color: #FF0533; } /*@media screen and (min-width: 1200px){*/ 
 :root { --neon-border-color: #5383FF; }
 
 .neon { padding: 40px 40px 40px 40px; border: 5px solid #fff; border-radius: 10px; }
 /*}*/ .neon { animation: flicker 1.5s infinite alternate; animation-play-state:running; } .neon::-moz-selection { 
 background-color: var(--neon-border-color); 
 color: var(--neon-text-color); } .neon::selection { 
 background-color: var(--neon-border-color); 
 color: var(--neon-text-color); } .neon:focus { outline: none; } /* Animate neon flicker */ @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2rem var(--neon-text-color), 0 0 4rem var(--neon-text-color); 
 box-shadow: 0 0 .5rem #fff, inset 0 0 .5rem #fff, 0 0 2rem var(--neon-border-color), inset 0 0 2rem var(--neon-border-color), 0 0 4rem var(--neon-border-color), inset 0 0 4rem var(--neon-border-color); 
} 20%, 24%, 55% { text-shadow: none; box-shadow: none; } } </style>
Код доступен только тем, кто оплатил подписку
Регистрация
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Оплатить
Так так так...
а этот генератор кода доступен только по подписке
Оплатить
Код доступен только тем, кто зарегистрирован
Войти
Регистрация
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda