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