CSS 阴影生成

可视化生成 box-shadow 代码

预览
CSS 代码
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);

CSS 阴影生成器说明

水平/垂直偏移:控制阴影相对元素的横向和纵向位移,正值向右/向下。

模糊半径:数值越大阴影边缘越柔和,0 表示锐利边缘。

扩散半径:正值使阴影扩大,负值使阴影收缩。

颜色与不透明度:调整阴影颜色及其透明程度。

内阴影:勾选后将阴影绘制在元素内部。

所有数据均在浏览器本地处理,不会上传到服务器。