背景样式
收集常用页面背景模板，覆盖网格、纹理、技术感和轻量动态背景。
柔和光晕
KCBG-003
光晕渐变柔云 Mesh
KCBG-006
光晕渐变冷雾渐变
KCBG-016
光晕渐变玻璃高光
KCBG-017
光晕渐变左上聚光
KCBG-021
光晕渐变底部辉光
KCBG-022
光晕渐变顶部光带
KCBG-023
光晕渐变双角柔光
KCBG-027
光晕渐变中心暗角
KCBG-028
光晕渐变薄雾层叠
KCBG-029
光晕渐变月牙光斑
KCBG-034
光晕渐变大理石雾
KCBG-036
光晕渐变柔焦圆盘
KCBG-040
光晕渐变极光浅色
KCBG-044
光晕渐变柔彩横幅
KCBG-052
光晕渐变极简留白
KCBG-053
光晕渐变浅色网格
KCBG-000
网格点阵方块网格
KCBG-001
网格点阵点阵纸张
KCBG-002
网格点阵细线坐标
KCBG-004
网格点阵噪声竖条
KCBG-005
纸感纹理斜线纹理
KCBG-007
纸感纹理主次网格
KCBG-008
网格点阵虚线网格
KCBG-009
网格点阵中心聚光点阵
KCBG-010
网格点阵电路网格
KCBG-011
工程技术复古透视网格
KCBG-012
网格点阵极细横线
KCBG-013
纸感纹理蓝图纸
KCBG-014
工程技术暖纸颗粒
KCBG-015
纸感纹理动态呼吸灯
KCBG-018
动态背景棋盘淡纹
KCBG-019
纸感纹理菱形织纹
KCBG-020
纸感纹理扫描线
KCBG-024
工程技术等高线
KCBG-025
工程技术斑驳墨点
KCBG-026
纸感纹理细胞圆点
KCBG-030
网格点阵斜切光幕
KCBG-031
纸感纹理微型十字
KCBG-032
网格点阵柔和噪声
KCBG-033
纸感纹理矩阵雨
KCBG-035
工程技术蜂巢暗纹
KCBG-037
工程技术折纸平面
KCBG-038
纸感纹理信纸边线
KCBG-039
纸感纹理切片分层
KCBG-041
纸感纹理斜向点阵
KCBG-042
网格点阵柔黑暗角
KCBG-043
纸感纹理圆角拼贴
KCBG-045
网格点阵柔性波纹
KCBG-046
纸感纹理霓虹淡线
KCBG-047
工程技术卡片投影场
KCBG-048
纸感纹理星尘浅底
KCBG-049
网格点阵水平方块
KCBG-050
网格点阵纵深栅格
KCBG-051
网格点阵流动网格
KCBG-054
动态背景呼吸光晕
KCBG-055
动态背景漂移动光
KCBG-056
动态背景流星点阵
KCBG-057
动态背景扫描光带
KCBG-058
动态背景柔性波动
KCBG-059
动态背景旋转极光
KCBG-060
动态背景焦点缩放
KCBG-061
动态背景斜纹流动
KCBG-062
动态背景电路闪烁
KCBG-063
动态背景雨丝下落
KCBG-064
动态背景横向云层
KCBG-065
动态背景光标网点
KCBG-066
动态背景漂浮卡片影
KCBG-067
动态背景动态透视线
KCBG-068
动态背景边缘光流
KCBG-069
动态背景缩放点阵
KCBG-070
动态背景流动色带
KCBG-071
动态背景缓慢棋盘
KCBG-072
动态背景柔光眨眼
KCBG-073
动态背景Workspace
Cool misty gradients add atmosphere without competing with the interface.
背景详情
- 分类
- 光晕渐变
- 适用
- 适合空状态、欢迎页和低密度工具页。
Tailwind 背景类
bg-[radial-gradient(circle_at_12%_20%,rgba(14,165,233,0.18),transparent_36%),radial-gradient(circle_at_86%_12%,rgba(148,163,184,0.22),transparent_34%),linear-gradient(to_bottom,#ffffff,#f1f5f9)] bg-white/10
生成提示词
请为 [页面名称/业务场景] 设计一个「冷雾渐变」背景样式。 适用场景： - 适合空状态、欢迎页和低密度工具页。 视觉目标： - Cool misty gradients add atmosphere without competing with the interface. 背景实现： 1. 主背景使用：bg-[radial-gradient(circle_at_12%_20%,rgba(14,165,233,0.18),transparent_36%),radial-gradient(circle_at_86%_12%,rgba(148,163,184,0.22),transparent_34%),linear-gradient(to_bottom,#ffffff,#f1f5f9)] 2. 覆盖层使用：bg-white/10 实现要求： 1. 使用 CSS 或 Tailwind arbitrary values 实现，不依赖图片素材。 2. 背景必须放在内容层下方，正文和按钮要保持清晰可读。 3. 保持浅色、克制、可复用，不要出现大面积高饱和装饰。 4. 如果用于 Hero，背景需要从首屏自然过渡到下一段内容。 5. 如果用于工具或后台页面，背景只承担氛围和分区提示，不干扰操作密度。