使用CSS 在元素上實現多個陰影

嘗試在CSS 中重新建立Photoshop 按鈕設計，您可能會在將多個框陰影套用到一個元素時遇到限制。單一元素。預設情況下，CSS 只允許一個活動的盒子陰影，無論是內部還是外部。

要克服這個限制，您可以利用 CSS3 提供的逗號分隔功能。這允許您在同一box-shadow 屬性中指定多個陰影定義：

box-shadow: inset 0 2px 0px #dcffa6, 0 2px 5px #000;

透過分隔使用逗號的兩個陰影定義，您可以有效地在按鈕元素上建立兩個不同的陰影。第一個陰影，inset 0 2px 0px #dcffa6，代表內部燈箱陰影，而第二個陰影，0 2px 5px #000，建立外部陰影。

此技術可讓您實現所需的按鈕同時套用兩個陰影的造型，提供更真實、更具視覺吸引力的效果。