Выберите функцию
Линейный идёт по оси, радиальный — от центра, конический — вокруг точки.
Одно наглядное свойство CSS
Создавайте линейные, радиальные и конические градиенты без догадок
Настройте позиции цветов, угол, форму и центр, пока браузер показывает точное свойство. Скопируйте стабильный background-image: палитра и код не покидают капсулу.
Без аккаунта · сети · 2–8 точек · стабильный CSS
Три явных шага
Выберите, расположите, скопируйте
Разместите 2–8 точек
Целые проценты сортируются явно; одинаковые позиции сохраняют порядок для резких границ.
Скопируйте одно свойство
Вставьте стабильный background-image в свой CSS и проверьте реальный контекст.
Передача разработчику и дизайнеру
Когда визуальной идее нужен точный CSS
- Настройте фон hero или карточки и передайте точное свойство.
- Сравните структуры linear, radial и conic без ручной переписи.
- Создайте резкие границы одинаковыми позициями соседних точек.
Локально по архитектуре
Превратите направление в точный CSS
Создайте и скопируйте свойство, затем проверьте контраст и совместимость в реальном компоненте.