CSS Box Shadow Generator (Multi-Layer & Inset)

使用方法

1. 1
   第1步：打开CSS Box Shadow Generator (Multi-Layer & Inset)并输入内容

   输入数字或文字、添加文件，或选择所需选项。不会上传任何内容：一切都保留在您的浏览器中。

2. 2
   第2步：CSS Box Shadow Generator (Multi-Layer & Inset)能做什么

   设计流 ⁇ 的多层CSS框影子,可使用直播模糊,扩展,插入切换和单击 Tailwind/CSS代码导出.

3. 3
   第3步：查看结果并对比

   结果会立即显示。改动一个数值，看看答案如何变化，然后保留符合您情况的数字。

4. 4
   第4步：复制或保存

   复制结果或下载。做重要决定前，请向官方来源或专业人士确认。

关于此工具

添加深度和触摸高度到卡片和UI元素. 用不透明滑块定制水平/垂直偏移,模糊半径,传播距离和影子颜色.对明亮和暗背景进行测试,切换按 ⁇ 状态的插入影子,并立即复制标准CSS或尾风类.

获得最佳结果的提示

开始之前请花一点时间阅读选项，并先用一个小例子试用工具。一切都在您设备的浏览器中运行；您输入或添加的任何内容都不会被上传，关闭标签页会清除所有内容。如果看起来不对，请刷新页面重试，或使用本页的报告链接告诉我们出了什么问题。如果结果仍然看起来不对，请每次只更改一个值，看看哪个输入影响最大。如果您还会再用，请收藏此页。