CSS 阴影渐变生成
生成 box-shadow、线性渐变、圆角与 Flex 布局代码
这个工具能做什么
- shadow
- gradient
- radius
- flex
- 即时
示例
- 输入：见工具页示例
- 输出：浏览器本地即时输出
适用 / 不适用
- 适用：需要本地即时处理且不上传数据的场景
- 适用：Cloudflare Pages 纯静态托管站点
- 不适用：必须服务端权威审计或联网第三方 API 的场景
技术与隐私说明（可验证）
- 纯前端实现，无第三方 API
- 可在 Cloudflare Pages 直接上传部署
- 数据：全程浏览器本地处理，不上传到 www.518882.com 服务器。
怎么用（步骤）
- 选择阴影 / 渐变 / 圆角 / Flex，拖动参数即时生成 CSS。
- 可复制代码到样式表。
- 预览仅作参考，实际效果随主题变化。
- 纯前端，无外部依赖。
常见问题
支持多层阴影吗？
当前单层；可复制后自行叠加。
渐变多色标？
当前双色线性渐变。
上传吗？
不上传。
和颜色转换关系？
配色可先用颜色转换，再粘贴到本工具。
Grid 支持吗？
当前为 Flex；Grid 可后续加。