CSS阴影生成器

多层阴影 · 内阴影 · 实时预览

实时预览

阴影层 #{{ activeLayerIdx + 1 }} 参数

X偏移

{{ layers[activeLayerIdx].offsetX }}px

Y偏移

{{ layers[activeLayerIdx].offsetY }}px

模糊

{{ layers[activeLayerIdx].blur }}px

扩散

{{ layers[activeLayerIdx].spread }}px

颜色

不透明度

{{ layers[activeLayerIdx].opacity }}%

内阴影

阴影层级列表 ({{ layers.length }}层)

{{ layer.inset ? 'inset ' : '' }}{{ layer.offsetX }}px {{ layer.offsetY }}px {{ layer.blur }}px {{ layer.spread }}px {{ layer.color }} #{{ idx + 1 }}

CSS代码

复制代码