Генератор CSS-градиентов
Создание красивых CSS-градиентов с интуитивным визуальным редактором. Выбор из пресетов или настройка цветов, позиций и углов.
0°90°180°270°360°
%
%
background: linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);
CSS Gradients - Технические детали
CSS gradients let you display smooth transitions between two or more colors. They're created using the background-image property with linear-gradient() or radial-gradient() functions.
Альтернатива командной строки
/* Linear Gradient */\nbackground: linear-gradient(135deg, #00d4ff, #a855f7);\n\n/* Radial Gradient */\nbackground: radial-gradient(circle, #00d4ff, #a855f7);