工打工人工具箱

首页/开发运维/CSS 图案与组件生成

CSS 图案与组件生成

本地运行

生成条纹、三角提示框、按钮、文字阴影和加载动画，实时预览并复制 CSS。

使用说明与范围

所有效果由本地 CSS 生成；加载动画遵循减少动态效果偏好。

码

开发运维 · 其他工具

UURL 解析解析网址的协议、主机、端口、路径、锚点与查询参数网网址参数与 UTM 编辑编辑网址参数与 UTM 标记，支持 JSON 与 GET 查询字符串双向转换并保留重复键。国国际化域名转换Unicode 域名与 Punycode 双向转换，逐标签展示 ASCII 与中文写法。IIPv4 IPv6 与测试地址IPv4 与整数互转，展开/压缩 IPv6 并计算前缀范围，生成私有 IPv4 与本地管理 MAC 测试地址。子子网计算根据 IP 与掩码计算网段、广播地址与可用主机范围 UUA 解析解析 User-Agent 中的浏览器、内核、系统与设备类型文文件目录树生成选择本地文件夹或粘贴路径列表，输出目录树、文件统计和 Markdown 清单。权权限计算Linux 文件权限的符号表示与八进制数值互相转换 CCron 表达式解析 Cron 表达式含义并预览未来若干次执行时间表表格数据质量检查检查 CSV 或粘贴表格的缺失值、重复键、列数不齐和数字列错误，下载问题清单。JJSON 结构对比按字段和数组位置比较两份 JSON，列出新增、删除、类型和值变化，并导出差异。代代码格式化使用本地解析器格式化 JavaScript、TypeScript、HTML、CSS、JSON 和 SQL，定位语法错误。代代码转图片贴代码选主题导出高亮 PNG 图片 CCSS px 与 rem 转换根据根字号批量转换 CSS 长度单位，保留字符串、注释和 URL 内容。CCSS 生成器可视化调渐变、阴影、圆角、毛玻璃并一键复制 CSS 文文字颜色对比度检查检查文字与背景色的对比度，展示普通与大号文字的 WCAG AA、AAA 结果。HHTML CSS JS 隔离预览在隔离预览框中运行 HTML、CSS、JavaScript，调节视口宽度并下载单页示例。网网页源码信息提取从粘贴的 HTML 提取链接、图片、标题、Meta 与正文，支持相对链接补全和去重。网网页 Meta 与 robots 生成生成可审阅的网页元信息、规范链接与 robots.txt 规则，支持复制和下载。