Каждый фронтенд-разработчик знает эту работу: хочется мягкой тени, плавного градиента или эффекта наведения, который ощущается правильно — но настройка требует редактирования чисел вслепую, обновления браузера и повторения этого процесса до десяти раз, пока не получится выглядеть как надо. CSSmith заменяет этот цикл на ползунки, выбор цвета и живой предпросмотр, который обновляется мгновенно.

Что внутри:

• Тень блока — множество слоев теней, каждый со своим смещением, размытием, растяжением, цветом и переключателем inset

• Градиент — линейные, радиальные и конусные градиенты с неограниченным количеством точек цвета

• Скругление углов — управление по каждому углу, плюс кнопка единичного «случайного» генерирования для органичных форм бликов

• Эффект наведения — масштабирование, перемещение, вращение и тень при наведении, с живым предпросмотром, на который действительно можно навести курсор

• Glassmorphism — размытие фона, прозрачность и управление рамкой для эффекта матового стекла

• Тень текста — включая режим неонового свечения одной кнопкой

• Генератор кнопок — полное оформление кнопок с рабочим состоянием наведения

• Анимация — ключевые кадры для плавного появления, перемещения, подпрыгивания, пульсации и вращения с настраиваемым сглаживанием и длительностью

Сохраняйте неограниченное количество пресетов для каждого инструмента, экспортируйте CSS каждого генератора в один чистый файл одним кликом, или экспортируйте/импортируйте ваши пресеты в формате JSON, чтобы переносить между машинами.

Без зависимостей, без стадии сборки — один HTML-файл, который можно открыть где угодно, разместить где угодно или вставить прямо в проект.