嵌入 CSS 框阴影 — 现成代码
直观地构建 CSS 框阴影代码：用于偏移、模糊、扩散、不透明度颜色、插入模式和最多四层的滑块（带实时预览）。
处理中...
0%
结果
此页面打开框阴影生成器，其中已勾选插入复选框，因此阴影将绘制在元素内部而不是元素后面。预览卡立即显示下沉效果，每个滑块不断更新 CSS 线。
嵌入阴影是 CSS 伪造向内深度的方式：按下的按钮状态、搜索字段和输入井、进度条槽和雕刻面板都依赖于它们。由于阴影紧贴内边缘，因此模糊和扩散的行为与正常投影略有不同 - 这里的滑块让您立即感受到这种差异。
当凹陷的外观正确时，将框阴影线复制到样式表中。您还可以将插入层与常规外层组合起来 - 添加第二层并取消选中其上的插入，以将两者混合在一个声明中。