CSS 阴影生成器
生成可调参数的外阴影/内阴影 CSS。
模式
box-shadowtext-shadow颜色 (#000000)
不透明度 (50%)
扩散 (5px)
Y 偏移 (10px)
X 偏移 (10px)
大小 (0px)
方向
外侧内侧说明
根据颜色、距离等阴影参数实时生成 CSS。
设置
| 模式 | 在盒阴影(box-shadow)与文字阴影(text-shadow)之间选择。 |
|---|---|
| 颜色 | 设置阴影颜色。 |
| 不透明度 | 设置阴影颜色的不透明度。 |
| 扩散 | 调整模糊/扩散程度。 |
| 距离 | 设置 X/Y 偏移。0px 为居中。 |
| 大小 | 设置阴影大小。将距离设为 0px 并增大大小可实现发光效果。 |
| 方向 | 选择阴影在外侧还是 inset(内阴影)。 |