Card Shadow CSS — 微妙的 box-shadow 代码
直观地构建 CSS 框阴影代码：用于偏移、模糊、扩散、不透明度颜色、插入模式和最多四层的滑块（带实时预览）。
处理中...
0%
结果
此页面打开预设为经典卡片阴影的框阴影生成器：向下 2 像素、模糊 8 像素、黑色不透明度 15%。它故意保持安静——足以将卡片从页面上分离出来而不会显露出来——预览显示了到底有多安静。
此范围对应于大多数设计系统中的最低标高步骤：列表卡、下拉菜单、弹出窗口和悬停时的表格行。如果您需要对模态或浮动面板进行更强的提升，请提高 Y 偏移并一起模糊 - 它们应该按比例增长以保持光源的可信度。
将框阴影线复制到组件样式中，或将其复制为具有更紧密模糊的第二层以添加边缘定义。该工具是免费的，并且完全在您的浏览器中运行。