CSS渐变生成器

可视化拼出一条 CSS 线性渐变:拖动角度滑块或点选上下左右等八个预设方向,用色标管理模块添加、删除并调整每个色标的位置与颜色,色标最多五个、最少两个,右侧实时预览效果。内置日落、海洋、极光、糖果、火焰、森林、星空、霓虹八套模板,一键套用后再微调,最后复制生成的代码,粘贴进样式表即可生效。

工具介绍
免费工具,直接使用

实时预览

渐变方向

角度 135°

色标管理

预设模板

CSS 代码

复制代码后直接粘贴到 CSS 中,background 属性即可生效;兼容所有现代浏览器。