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

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

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

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