设计

网络

域名

安全

营销

编码

图片

文本

代码

日期与时间

文件

其他

CSS 渐变生成器

生成线性和径向渐变的 CSS。
模式
线性径向
设置
颜色 1 (#eb2972)
颜色 2 (#06c0cc)
位置 (50%)
边界 (80%)
角度 (135°)
　

说明

根据渐变颜色与位置实时生成 CSS。

设置

模式在线性与径向渐变之间选择。
颜色设置两种要组合的颜色。
位置设置两种颜色之间边界的位置。
边界设置两种颜色之间边界的宽度。值越大越平滑。
角度线性渐变可以设置角度。

相关工具

CSS 棋盘格

用 CSS 生成棋盘格背景图案。

设计CSS代码

CSS 条纹

用 CSS 生成条纹背景图案。

设计CSS代码

CSS 波点

用 CSS 生成波点背景图案。

设计CSS代码

CSS 阴影

生成可调参数的外阴影/内阴影 CSS。

设计CSS代码

占位图

为原型和线框图生成占位图片。设置图片尺寸、背景/文字颜色与文本，即可获得可直接访问的图片 URL。

图片设计

检查 JSON

校验 JSON（可选支持 JSONP）并检查语法错误。

代码JSON校验

占位文本

为设计与线框图生成占位文本。支持预设或自定义文本，并输出指定的字符数。

文本设计

HTML 实体

编码和解码 HTML 实体（例如 & ↔ &）。

编码HTML代码
设计CSS代码