Неоновый hover-эффект для кнопки без сложного CSS — промпт для генерации кода анимации
Вставь класс кнопки, цвета и параметры эффекта в режиме создания модов — получи готовый CSS и JavaScript для неонового эффекта при наведении.
Промпт
При работе с ИИ впиши свои значения вместо […]
При работе с ИИ впиши свои значения вместо […]
Сделай готовый код для красивого неонового эффекта на кнопке, когда на неё наводят мышкой.
Кнопка
Кнопка на странице имеет класс [.turn-btn]
Как должен выглядеть эффект
Цвета контура должны плавно переливаться друг в друга и немного мигать, чтобы создавался эффект живого неона. Эффект должен аккуратно повторять форму кнопки, особенно её закруглённые углы.
Что нужно вывести
Кнопка
Кнопка на странице имеет класс [.turn-btn]
Как должен выглядеть эффект
- Когда наводишь курсор на эту кнопку, вокруг неё должен появляться светящаяся обводка толщиной [2px], как будто кнопка подсвечена неоновой лампой, и вокруг должен быть мягкий светящийся ореол.
- Толщина светящегося контура [2px]
- Радиус скругления [25px]
Цвета контура должны плавно переливаться друг в друга и немного мигать, чтобы создавался эффект живого неона. Эффект должен аккуратно повторять форму кнопки, особенно её закруглённые углы.
Что нужно вывести
- Выведи один готовый блок кода: сначала с CSS-правилами, потом с JavaScript-кодом, чтобы я мог просто скопировать всё это и вставить в Tilda, и чтобы эффект сразу заработал при наведении на кнопку.
Скопируй промпт
Жми «Копировать» — текст уже в буфере! Залетай в нашу AI-платформу, где собраны топовые нейронки вроде GPT-5 и Qwen, и просто вставляй его в чат.
Подставь свои данные
Выбирай нужную модель из списка. В самом промпте найди слова в квадратных скобках [вот такие] и замени их на данные своего проекта, чтобы магия сработала чётко.
Забирай результат
Запускай генерацию и забирай готовый код или текст для сайта. Что-то не устроило? Просто уточни задачу прямо в этом же диалоге, и нейронка всё поправит.