开发者日记

外观

盒阴影生成器 ​

← 返回工具集前端辅助

可视化调节偏移模糊扩散生成 box-shadow，实时预览并复制 CSS

参数调节

预设

实时预览

示例卡片

CSS 输出

功能亮点

  • 偏移 / 模糊 / 扩散滑杆自由调节
  • 内阴影与颜色透明度支持
  • 常用阴影预设一键套用
  • 实时预览并一键复制 CSS

相关工具推荐

CSS 渐变生成器

线性 / 锥形渐变可视化调色，实时预览并复制 CSS 代码

立即使用 →Meta 标签生成器

SEO、Open Graph、Twitter Card 标签一键生成，贴合搜索引擎收录实践

立即使用 →JSON 格式化校验

JSON 格式化、压缩、语法校验与高亮预览，数据不出浏览器

立即使用 →MySQL 慢日志分析

粘贴慢查询日志，自动统计慢 SQL 分布并给出索引优化建议

立即使用 →正则校验测试

正则表达式在线测试，匹配高亮与常用正则速查

立即使用 →时间戳转换

Unix 时间戳与日期双向转换，支持秒/毫秒与本地时区

立即使用 →