CSS 清除陰影的三種方法

在CSS中，清除元素的陰影可以通過以下幾種方法實現(xiàn)：

1、使用box-shadow 屬性的none 值。box-shadow 屬性用于設(shè)置元素的陰影效果，包括陰影的大小、顏色、位置等，將box-shadow 屬性的值設(shè)置為none，即可清除元素的陰影效果。

.box {
  box-shadow: none;
}

2、使用filter 屬性的drop-shadow 函數(shù)。filter 屬性用于設(shè)置元素的濾鏡效果，包括陰影、模糊、亮度等，通過drop-shadow 函數(shù)，可以添加或清除元素的陰影效果。

.box {
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

3、使用text-shadow 屬性的none 值。text-shadow 屬性用于設(shè)置文本元素的陰影效果，將text-shadow 屬性的值設(shè)置為none，即可清除文本元素的陰影效果。

.text {
  text-shadow: none;
}