CSS3濾鏡是一項非常有用的Web開發技術，它允許您通過CSS來添加各種圖像效果，例如模糊、顏色調整、陰影等，而無需使用圖像編輯軟件。

以下是一些常見的CSS3濾鏡：

/* 模糊 */
.blur {
filter: blur(5px);
}
/* 灰度 */
.grayscale {
filter: grayscale(100%);
}
/* 對比度 */
.contrast {
filter: contrast(200%);
}
/* 亮度 */
.brightness {
filter: brightness(150%);
}
/* 反轉 */
.invert {
filter: invert(100%);
}
/* 顏色調整 */
.hue-rotate {
filter: hue-rotate(90deg);
}
/* 飽和度 */
.saturate {
filter: saturate(200%);
}
/* 透明度 */
.alpha {
filter: opacity(0.5);
}
/* 陰影 */
.shadow {
filter: drop-shadow(5px 5px 5px #000);
}

當然，您也可以使用CSS3濾鏡來創建自定義效果。以下代碼使用CSS3濾鏡創建一個簡單的半透明效果：

.custom-filter {
background: url('bg.jpg');
filter: opacity(0.5);
}

可以看到，CSS3濾鏡是非常靈活和強大的技術，可以讓您輕松地實現各種圖像效果。現在，讓我們開始在您的網站上嘗試使用它們吧！