设计与配色

CSS样式生成器

CSS渐变生成器 · 生成CSS阴影 · 生成CSS圆角 · 生成CSS变换. CSS样式生成器. 各项任务保留独立输入与设置,复用结果前请先选择目标任务。

无需账号

各项任务保留独立输入与设置,复用结果前请先选择目标任务。

CSS渐变生成器

用两种颜色和角度生成渐变CSS

此任务的固定链接

正在加载工具…
使用方法 · CSS渐变生成器
  1. 输入数值并选择选项。
  2. 运行工具并查看结果。
  3. 复制结果,或更改输入进行比较。

请检查输入范围和单位。结果取决于您的输入和浏览器。

离开或刷新后输入和文件会消失,手动保存的草稿与预设会单独保留。使用前请检查结果。

可用功能 · 7
CSS渐变生成器
用两种颜色和角度生成渐变CSS
生成CSS阴影
生成CSS阴影 — 指定尺寸或颜色,查看代码或结果
生成CSS圆角
生成CSS圆角 — 指定尺寸或颜色,查看代码或结果
生成CSS变换
生成CSS变换 — 指定尺寸或颜色,查看代码或结果
生成CSS动画
生成CSS动画 — 输入数据并检查格式或内容
生成CSS滤镜
生成CSS滤镜 — 指定尺寸或颜色,查看代码或结果
生成CSS按钮
生成CSS按钮 — 指定尺寸或颜色,查看代码或结果

使用方法

  1. 1搜索或选择任务并输入内容。
  2. 2运行任务后检查结果或错误。
  3. 3选择复用结果,再选择目标任务并应用。

使用提示

离开或刷新后输入和文件会消失,手动保存的草稿与预设会单独保留。使用前请检查结果。

广告可能处理连接数据,个性化遵循您的隐私选择。 隐私说明(英语)

相关工具

全部工具