Кастомные переключатели фильтров каталога в блоке ST340A на Тильде
Вставь ID блока и параметры стилей в режим создания модов — получи готовый CSS для круглых toggle-переключателей в фильтрах каталога товаров в блоке ST340A на Тильде.
Промпт
При работе с ИИ впиши свои значения вместо […]
При работе с ИИ впиши свои значения вместо […]
Напиши CSS для кастомизации чекбоксов в блоке ST340A ID [#rec2060280091]. Структура Tilda: input[type="checkbox"] + .t-checkbox__indicator
Как должен выглядеть эффект
Нужны круглые toggle-переключатели, расположенные вертикально в столбик.
Требования
Что нужно вывести
Дай готовый код в тегах <style>…</style> комментариями где менять ID блока.
Как должен выглядеть эффект
Нужны круглые toggle-переключатели, расположенные вертикально в столбик.
Требования
- Размер радиокнопки [56×28px]
- Размер внутреннего круга [24×24px] (по центру по высоте)
- В неактивном состоянии круг слева с отступом [1px] от левого края
- В активном состоянии круг плавно перемещается вправо с отступом [1px] от правого края
- Непрозрачность чекбокса [80%]
- Непрозрачность активного чекбокса [100%]
- Цвет фона неактивного чекбокса [#f0f2f5]
- Цвет фона активного чекбокса [#0059FF]
- Цвет круга неактивного [#d1d5db]
- Цвет круга активного [#ffffff]
- Отступ между чекбоксом и текстом [7px]
- Отступы между чекбоксами в столбце [7px]
- Плавная анимация движения круга и изменения фона [0.3 секунды]
Что нужно вывести
Дай готовый код в тегах <style>…</style> комментариями где менять ID блока.
Скопируй промпт
Жми «Копировать» — текст уже в буфере! Залетай в нашу AI-платформу, где собраны топовые нейронки вроде GPT-5 и Qwen, и просто вставляй его в чат.
Подставь свои данные
Выбирай нужную модель из списка. В самом промпте найди слова в квадратных скобках [вот такие] и замени их на данные своего проекта, чтобы магия сработала чётко.
Забирай результат
Запускай генерацию и забирай готовый код или текст для сайта. Что-то не устроило? Просто уточни задачу прямо в этом же диалоге, и нейронка всё поправит.