HTML5是現代網頁設計的基礎技術，其中包括了許多有趣的特性，比如濾鏡功能。HTML5的濾鏡功能可以讓我們輕松地為網頁中的圖片添加各種特效，使得網頁更加美觀。以下是一些常用的HTML5濾鏡代碼，供大家參考：

/* 模糊 */
filter: blur(5px);
/* 灰度 */
filter: grayscale(100%);
/* 亮度 */
filter: brightness(200%);
/* 對比度 */
filter: contrast(200%);
/* 色相旋轉 */
filter: hue-rotate(90deg);
/* 飽和度 */
filter: saturate(200%);

使用這些HTML5濾鏡代碼，我們可以創建出各種不同樣式的圖片效果。比如，可以使用模糊效果來創建背景模糊的效果，使得文字更加顯眼；可以使用灰度效果來模仿黑白照片，讓圖片更有藝術感；還可以使用飽和度效果來調整圖片的顏色，讓圖片更加豐富多彩。

當然，這些HTML5濾鏡代碼不僅僅適用于圖片，同樣適用于文字和其他元素。我們可以為文字添加背景模糊、文字模糊等效果，讓文字更加突出。只需將上述代碼應用到相應的元素上即可。