CSS如何給圖片添加黑色透明效果

在CSS中，我們可以使用線性漸變（linear-gradient）函數(shù)來創(chuàng)建黑色透明的效果，這個效果可以通過將黑色和透明色混合在一起，然后將其應用到圖片上來實現(xiàn)。

我們需要定義一個線性漸變，這個漸變可以從黑色開始，然后逐漸過渡到透明色，我們可以使用CSS的linear-gradient函數(shù)來實現(xiàn)這個效果。

linear-gradient(to right, black, transparent);

這個漸變會從左到右，從黑色過渡到透明色，我們可以將這個漸變應用到圖片上，我們可以使用CSS的background屬性來設置圖片的背景色為剛剛定義的漸變。

div {
  width: 300px;
  height: 200px;
  background: linear-gradient(to right, black, transparent), url('image.jpg');
}

在這個例子中，我們將圖片image.jpg的背景色設置為剛剛定義的漸變，這樣，圖片就會呈現(xiàn)出黑色透明的效果了，注意，我們需要將圖片的URL替換為實際的圖片路徑。

使用CSS的線性漸變函數(shù)可以很方便地給圖片添加黑色透明效果，我們只需要定義一個從黑色到透明的漸變，并將其應用到圖片的背景色上即可。