DW(Dreamweaver)是一款優秀的web開發軟件,其中的CSS濾鏡屬性可以讓我們在網頁設計中實現更豐富的圖像效果。
img { filter: blur(4px); }
上述代碼將圖片設置為模糊效果,其中的“blur”表示模糊濾鏡,后面的“4px”則是濾鏡的強度值。
img { filter: grayscale(100%); }
上述代碼將圖片設置為灰度效果,其中的“grayscale”表示灰度濾鏡,后面的“100%”則代表灰度程度為100%。
img { filter: brightness(200%); }
上述代碼將圖片的亮度提高了2倍,其中的“brightness”表示亮度濾鏡,后面的“200%”則代表亮度值為200%。
除了以上幾個濾鏡效果,DW中還有許多其他的濾鏡屬性,如模糊邊緣效果、反相效果、飽和度等效果,使用這些濾鏡屬性可以讓我們的網頁設計更加生動、炫酷。
下一篇css文字浮動的方法