html - 应用于元素的最大框阴影数

Question

我想知道 HTML 元素可能有多个框阴影。现在我想探索我们可以为一个元素提供的最大可能框阴影数。请帮帮我。

Answer 1

您可以添加任意多个。但请记住，使用多个阴影会增加 CPU 使用率并降低站点/应用程序的性能。另外，为什么要使用多个？

要为一个元素添加多个box-shadows，您需要用,(逗号)分隔box-shadow值

见下文

div {
  width: 100px;
  height: 100px;
  box-shadow: 5px 10px 5px 5px #FF1F1F, 15px 0 5px 5px #1100FF, -10px 0 5px 5px #B2FFA6, -10px 30px 5px 10px #000000;
}

<div>

</div>