在线调整参数,生成新拟态风格的 CSS 代码
帮你可视化调整新拟态 UI 元素参数,自动生成可用 CSS 代码。不用手动调试阴影参数,快速得到符合新拟态风格的界面元素样式。
新拟态风格基于浅背景的双向软阴影实现,通过外阴影模拟凸起感、内阴影模拟凹陷感,还原实体物体的光影效果,近年流行于轻量界面设计中。
可以直接复制使用,生成的是标准纯 CSS 代码,适配所有主流浏览器。
支持,你可以手动修改背景色,参数也对应适配浅色背景设计。
不能,只支持矩形元素生成,可通过调整圆角实现不同弧度。
阴影偏移和模糊范围支持 0 px 到 20 px,覆盖绝大多数设计需求。