CSS Mesh Gradient

Создайте mesh-градиент из цветных точек. Тяните за точки, меняйте цвета, экспортируйте в CSS, Tailwind или SVG.

Всё работает в браузере. Никаких запросов на сервер.
Тяните точки · двойной клик — новая точка

Точки

Параметры

60%

Пресеты

/* Настройте точки — код появится здесь */
Совет

Для mesh-градиента используйте 3–5 точек разных цветов. Двойной клик по canvas — новая точка в этом месте.

Как использовать

Скопируйте CSS и вставьте в свой .css файл как background. Для Tailwind — используйте произвольное значение bg-[...]. Для SVG — скачайте готовый файл и используйте как изображение или фон.