How TO - 新增影像效果
瞭解如何為影像新增視覺效果。
影像濾鏡
CSS 濾鏡
CSS filter 屬性為元素新增視覺效果（如模糊和飽和度）。
注意： Internet Explorer、Edge 12 或 Safari 5.1 及更早版本不支援 filter 屬性。
灰度示例
將所有影像的顏色更改為黑白（100% 灰色）
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
原始影像
grayscale(100%)
模糊示例
對所有影像應用模糊效果
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
原始影像
blur(5px)
請訪問我們的 CSS filter 屬性 頁面，瞭解有關 CSS 濾鏡的更多資訊。
