Эффект ряби при наведении в Тильде — готовый промпт для CSS и JS кода
Вставь класс элемента и параметры анимации в режим создания модов — получи готовый CSS и JavaScript для эффекта ряби в стиле Material Design в Тильде.
Промпт
При работе с ИИ впиши свои значения вместо […]
При работе с ИИ впиши свои значения вместо […]
Создай полный рабочий CSS/JS код для эффекта ряби в стиле Material Design при наведении на элементы с классом [material-design]
Что должно происходить
Наводишь мышку — из центра элемента вылетает белая полупрозрачная окружность. Круг плавно увеличивается (как круги на воде) и исчезает. Новые круги появляются каждые пару секунд, пока держишь мышку.
Как выглядит
Маленький кружок в центре растёт [0,3 секунды] до краёв, потом становится прозрачным и пропадает за [0,2 секунды].
Что нужно вывести
Выведи один готовый блок кода, который можно целиком вставить в HTML-блок Tilda.
Что должно происходить
Наводишь мышку — из центра элемента вылетает белая полупрозрачная окружность. Круг плавно увеличивается (как круги на воде) и исчезает. Новые круги появляются каждые пару секунд, пока держишь мышку.
Как выглядит
Маленький кружок в центре растёт [0,3 секунды] до краёв, потом становится прозрачным и пропадает за [0,2 секунды].
Что нужно вывести
Выведи один готовый блок кода, который можно целиком вставить в HTML-блок Tilda.
Скопируй промпт
Жми «Копировать» — текст уже в буфере! Залетай в нашу AI-платформу, где собраны топовые нейронки вроде GPT-5 и Qwen, и просто вставляй его в чат.
Подставь свои данные
Выбирай нужную модель из списка. В самом промпте найди слова в квадратных скобках [вот такие] и замени их на данные своего проекта, чтобы магия сработала чётко.
Забирай результат
Запускай генерацию и забирай готовый код или текст для сайта. Что-то не устроило? Просто уточни задачу прямо в этом же диалоге, и нейронка всё поправит.