Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Градиент — это плавный переход между двумя или более цветами. Градиенты добавляют глубину, размерность и визуальный интерес к веб-дизайну, элементам пользовательского интерфейса и иллюстрациям.
Выберите два цвета, выберите угол градиента и мгновенно увидите результат на холсте. Скопируйте код CSS для использования в своем проекте.
В чем разница между линейными и радиальными градиентами? Линейные градиенты переходят по прямой линии, а радиальные градиенты исходят из центральной точки.
Могу ли я использовать градиенты в CSS? Да, используйте свойство фонового изображения с функциями линейного градиента или радиального градиента.