CSS 阴影生成器

所有工具
CSS 阴影生成器
通过实时滑块为偏移量、模糊、扩展、颜色、不透明度和内嵌设计多层CSS阴影——在真实元素上预览并即时复制可粘贴的CSS。
实时预览
实时预览
CSS
box-shadow: —;

所有内容在您的浏览器中实时更新——无需上传，无需注册，完全免费。

阴影图层
px
px
px
px
阴影颜色
20%
元素与画布
16px
预设
分享
相关工具
邮件签名生成器

从30个模板中设计专业的HTML邮件签名，自定义并保存。
代码格式化器

美化HTML、CSS和JavaScript——重新缩进并添加换行，使杂乱或压缩的代码变得可读。
QR码生成器

生成QR码（URL、文本、Wi-Fi、vCard…）并导出为PNG。
图标转 PNG

免费在浏览器中将 Bootstrap Icons、Font Awesome 等转为自定义 PNG 图片。
应用图标生成器

为 App Store 和 Google Play 生成一套完整、可直接上架的应用图标——由你的徽标打造的高级渐变、网格渐变与图案背景。
favicon 生成器

从徽标、字体图标或字母组合构建完整的 favicon 包——favicon.ico、现代 PNG、Apple 触摸图标、PWA 图标、Web 清单以及 HTML 代码。
热门搜索
css box shadow 生成器 box shadow css 在线阴影生成器 css 阴影制作 多层 box shadow inset 阴影 css

将此免费工具添加到你自己的网站 — 复制并粘贴下面的代码。