CSS 小工具

阴影/渐变/圆角/Flex 代码与预览。

交互控件由 JavaScript 加载。处理留在浏览器内——不会上传。

正在加载工具…

如何使用

  1. 打开工具 — 打开本页,等待交互控件加载完成。
  2. 输入内容 — 粘贴或输入内容(或调整选项)。数据留在浏览器内。
  3. 执行操作 — 点击主按钮或使用实时控件生成结果。
  4. 复制结果 — 把输出复制到编辑器、终端或文档中。

限制

需要启用 JavaScript。极大输入可能拖慢标签页。结果取决于浏览器 API;因不上传,没有服务器端配额。

适合什么时候用

需要快速免费工具、不想注册账号、也不想把内容交给在线转换站时。

什么时候别用

需要服务端集成、大规模批处理,或有认证合规要求的专业工具时。

隐私说明

工具输入仅在浏览器本地处理。主题/语言/收藏可能使用 localStorage;托管可能保留常规访问日志(IP、UA、URL),不含工具正文。

常见问题(5)

Live preview?

Yes—shadow/gradient/radius/flex snippets update as you change options.

Uploaded?

No.

Copy CSS?

Use Copy to grab the generated declarations.

Framework CSS?

Output is plain CSS you can paste into any stylesheet.

Browser prefixes?

Modern properties only; add prefixes in your build if required.