Генераторы градиентов, теней и скруглений, работа с палитрами и проверка контраста.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Контраст цветов по стандарту WCAG.
Оттенки и тона из базового цвета.
Иконки сайта всех размеров из картинки.
Раскладка flex с предпросмотром.
Сетка grid с предпросмотром.
Готовые @keyframes-анимации.
Размытие, яркость, контраст и другое.
Фигурная обрезка элементов.
Тень для текста с предпросмотром.
Треугольник на чистом CSS.
Кривая плавности анимации.
CSS «матового стекла» с живым превью.
Случайные органичные фигуры в SVG.
Визуальные генераторы CSS: градиенты, тени (box-shadow, text-shadow), скругления, Flexbox и Grid, анимации, фильтры, clip-path, треугольники, кривые cubic-bezier, эффект матового стекла. А также конвертер цветов, палитры и проверка контраста.
Подберите эффект визуально и скопируйте готовый CSS — не нужно держать в голове синтаксис свойств и подбирать значения вслепую. Проверка контраста помогает соответствовать стандарту доступности WCAG.
Да, инструменты выдают валидный CSS, который копируется одной кнопкой и вставляется в стили.
Низкий контраст текста и фона ухудшает читаемость и не проходит требования доступности (WCAG). Проверка помогает подобрать безопасные цвета.