颜色转换取色选色配色方案样式生成颜色资料
首页 / 样式生成 / CSS阴影生成器

CSS阴影生成器

拖滑块调阴影,复制 box-shadow 代码。

这个工具能做什么

调水平/垂直偏移、模糊半径、扩展、颜色和透明度,中间的方块实时显示阴影效果,还能勾「内阴影」做凹陷感。下方给出可直接用的 box-shadow 代码。做卡片、按钮、弹窗的立体感时,边拖边看比死记参数快多了。

处理全部在你自己的浏览器里完成,输入的内容不会上传到服务器,用着放心。

CSS阴影生成器是一个免费的在线工具,打开网页就能用,不用下载也不用注册。平时大家搜的“css阴影生成”、“box-shadow生成器”、“盒子阴影”,说的都是这个。

使用方法

  1. 填入颜色值,或用取色盘、滑块设置好参数。
  2. 结果和预览会实时更新,无需点按钮。
  3. 点色值卡片或「复制」按钮,即可把结果带走。

相关工具

查看全部「样式生成」工具 →