渐变生成器

CSS渐变背景在线生成工具

渐变背景生成器

角度°

颜色断点

100%

CSS 代码

.gradient-bg {
  background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
}

/* Tailwind CSS */
<div className="bg-gradient-to-br from-[#3B82F6] to-[#8B5CF6]"></div>

使用说明

选择渐变类型、添加颜色断点、调整角度，生成可复制的CSS渐变代码。