CSS 阴影生成器

关于这个工具

用实时滑块设计 CSS box-shadow:水平/垂直偏移、模糊半径、扩展半径、颜色和透明度,还有内阴影(inset)开关。预览方块随拖动即时更新,下方生成精确的 box-shadow 代码供复制。

真实的立体感往往需要多层阴影。点击"添加阴影层"可把多条阴影叠成一个用逗号分隔的 box-shadow 值——例如一层紧实的深色叠在一层柔和宽阔的阴影上。全部在浏览器本地处理。

相关工具

CSS Gradient GeneratorColor ConverterCubic Bezier