HTML5作為目前最新的標(biāo)準(zhǔn)語言,為網(wǎng)頁開發(fā)者提供了更加便捷,多樣化的特效方式。其中,濾鏡特效是最為常見的一種,它可以讓網(wǎng)頁變得更加藝術(shù),更加有逼格。
下面我們就來看看HTML5濾鏡特效的代碼:
/*灰度濾鏡*/ filter: grayscale(100%); /*模糊濾鏡*/ filter: blur(5px); /*提高對比度*/ filter: contrast(200%); /*反轉(zhuǎn)顏色*/ filter: invert(100%); /*飽和度*/ filter: saturate(200%); /*亮度*/ filter: brightness(200%);
以上幾種濾鏡方式都可以在網(wǎng)頁開發(fā)過程中使用。我們只需要在CSS樣式表中添加相應(yīng)的代碼,即可實(shí)現(xiàn)不同的濾鏡效果。
需要注意的是,在使用濾鏡特效的時候,我們應(yīng)該盡可能避免過度使用,以免影響頁面的美感,影響用戶的使用體驗(yàn)。
上一篇html5火苗特效代碼
下一篇ps切css