Работают ли градиенты во всех браузерах?

Линейные и радиальные градиенты работают во всех современных браузерах. Конические градиенты также работают во всех основных браузерах.

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

Генератор CSS-градиентов

Выберите цвета и угол, посмотрите градиент в реальном времени и скопируйте CSS.

Запускается в вашем браузере

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Как использовать генератор градиентов CSS

Выберите линейный, радиальный или конический.
Выберите два или три цвета и установите угол.
Скопируйте CSS в свою таблицу стилей.

Типы градиентов

Линейный плавно переходит по прямой линии под выбранным вами углом.
Радиальный распространяется от центра в виде круга или эллипса.
Конический движется вокруг центра, как цветовое колесо.

Первая строка CSS — это простой цвет фона для очень старых браузеров.

Примеры

От индиго до розового при 135°.

фон: линейный градиент (135 градусов, #4f46e5, #ec4899);

Радиальный круг

фон: радиальный градиент (круг, …);