CSS 渐变文字生成器

CSS 渐变文字在线生成器,多色渐变 + 8 款预设(日落/海洋/彩虹/火焰等),实时预览,一键复制 CSS/HTML 代码

预设

文字内容

字号72px

粗细800

渐变角度90°

色标 (2/6)

位置0%

位置100%

预览

AIPZZ 渐变文字

CSS

background: linear-gradient(90deg, #ff6b6b 0%, #ffd93d 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-size: 72px;
font-weight: 800;

HTML (内联)

<h1 style="background: linear-gradient(90deg, #ff6b6b 0%, #ffd93d 100%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-size: 72px; font-weight: 800;">AIPZZ 渐变文字</h1>

设计工具 · 相关工具

→