CSS box-shadow 生成器
调整 CSS 投影的参数,即时获取对应的 box-shadow 值,并带有实时预览。100% 在您的浏览器中本地处理(WebAssembly)——不向任何服务器发送内容。
工作原理
CSS 属性 box-shadow 接受水平偏移、垂直偏移、模糊半径、扩展半径、颜色,以及可选的关键词 "inset" 用于内阴影。该工具实时组合这些值,免去您手动猜测正确设置的麻烦。
模糊和扩展有什么区别?
模糊使阴影边缘变得柔和渐变,而扩展则在应用模糊之前放大或缩小阴影的尺寸。
"inset" 选项有什么用?
它将投影转换为内阴影,即投射在元素内部的阴影,常用于呈现凹陷效果或输入框效果。
100% 本地处理:计算完全在您的浏览器中通过 WebAssembly 完成,不会向任何服务器发送数据。