Генератор градиентов CSS
Создавайте CSS для линейных и радиальных градиентов.
Шаблон
ЛинейныйРадиальныйНастройки
Цвет 1 (#eb2972)
Цвет 2 (#06c0cc)
Позиция (50%)
Граница (80%)
Угол (135°)
Объяснение
Генерирует CSS в реальном времени из цветов и позиций градиента.
Настройки
| Шаблон | Выберите между линейным и радиальным градиентом. |
|---|---|
| Цвета | Задайте два цвета для смешивания. |
| Позиция | Задаёт положение границы между двумя цветами. |
| Граница | Задаёт ширину границы между цветами. Большие значения дают более плавный градиент. |
| Угол | Для линейного градиента можно задать угол. |