CSS（Cascading Style Sheets）是由W3C標準化的一種語言，用于描述文檔樣式的表現形式。它不僅可以幫助我們設計頁面布局、設置字體大小字形、指定文本顏色等，還可以實現一些有趣的圖片特效。

/* 灰度圖效果 */
.grayscale {
filter: grayscale(100%);
}

灰度圖效果是一種將彩色圖像轉換為灰度圖像的技術，可以為圖像添加一種古老、沉重的質感。使用上述CSS代碼，將圖像的色彩全部去掉，即可實現灰度圖效果。

/* 反轉圖像顏色 */
.invert {
filter: invert(100%);
}

反轉圖像顏色效果在黑色背景上，可以將原圖像轉變為白色，而在白色背景上則轉變為黑色。使用上述CSS代碼，將顏色反轉即可實現效果。

/* 飽和度調節 */
.saturate {
filter: saturate(200%);
}

飽和度調節效果可以強化顏色的強度，讓圖像更加鮮艷。使用上述CSS代碼，可以將圖像的飽和度調節至200%。

/* 陰影效果 */
.shadow {
box-shadow: 10px 10px 10px #888888;
}

陰影效果可以讓圖像或文本產生立體感，看起來更加真實。使用上述CSS代碼，可以添加一個10像素的陰影，顏色為#888888。

/* 透明度調節 */
.opacity {
opacity: 0.5;
}

透明度調節可以讓圖像變得半透明，輕盈而飄逸。使用上述CSS代碼，可以將圖像的透明度調節至50%。

以上是一些常見的CSS圖片特效，使用簡單易懂。通過這些技巧，可以讓你的網頁更加生動有趣、吸引人眼球。試試看吧！