CSS阴影生成器
拖滑块调阴影,复制 box-shadow 代码。
这个工具能做什么
调水平/垂直偏移、模糊半径、扩展、颜色和透明度,中间的方块实时显示阴影效果,还能勾「内阴影」做凹陷感。下方给出可直接用的 box-shadow 代码。做卡片、按钮、弹窗的立体感时,边拖边看比死记参数快多了。
处理全部在你自己的浏览器里完成,输入的内容不会上传到服务器,用着放心。
CSS阴影生成器是一个免费的在线工具,打开网页就能用,不用下载也不用注册。平时大家搜的“css阴影生成”、“box-shadow生成器”、“盒子阴影”,说的都是这个。
使用方法
- 填入颜色值,或用取色盘、滑块设置好参数。
- 结果和预览会实时更新,无需点按钮。
- 点色值卡片或「复制」按钮,即可把结果带走。