CSS阴影生成器
Developer Tools
加载中...
关于此工具
免费、无服务器的CSS box-shadow生成器，实时预览。调整偏移、模糊、扩展、颜色、内阴影和圆角。6个专业预设。一键复制CSS代码。
使用方法
- 用滑块调整阴影属性。
- 选择阴影颜色和背景色。
- 切换内阴影。
- 调整圆角。
- 试用6个预设。
- 点击复制CSS。
常见问题
可以控制哪些属性？
水平和垂直偏移、模糊和扩展半径、颜色、内阴影和圆角。
有哪些预设？
六个预设：微妙、中等、重度、柔光、锐利和内阴影。
使用场景有哪些？
卡片设计、按钮悬停效果、模态对话框、浮动元素和新拟态设计。
在任何框架中都能用吗？
是的！标准CSS属性兼容React、Vue、Angular、Tailwind和纯HTML/CSS。