使用步骤
- 调整阴影偏移、模糊、扩散和颜色。
- 设置边框、圆角和背景滤镜。
- 复制生成的 CSS 代码到项目中。
设计工具
CSS 效果工作台
组合 box-shadow、边框、圆角、backdrop-filter 和 text-shadow，生成可复制的 CSS 效果。
本地简单运行
使用指南
开始使用
用可视化控件调整阴影、边框、圆角和模糊效果，实时预览并生成可直接使用的 CSS 代码。
使用例子
- 设计卡片悬浮阴影效果。
- 生成毛玻璃背景的 backdrop-filter 代码。
Loading
CSS 效果工作台
工具组件加载中。