Contrast是CSS3中的一個屬性,可以用來調整元素的對比度值。它的取值范圍在0到1之間,默認值為1,表示正常對比度。
/* 設置元素對比度為0.5 */ .element { contrast: 0.5; }
當我們將contrast值設為0時,元素的所有顏色將變為灰色;設為1時,元素的顏色保持不變。除了使用絕對值,還可以使用百分數設置contrast值。
/* 設置元素對比度為50% */ .element { contrast: 50%; }
需要注意的是,contras屬性需要在支持filter屬性的瀏覽器中使用。如果不支持,可以使用JavaScript實現,實現代碼如下:
function setContrast(element, value) { element.style.filter = "contrast(" + value + ")"; }
總體來說,Contrast屬性可以讓我們更靈活地掌控元素的顏色對比度,從而達到更好的視覺效果。
上一篇node php 網站
下一篇css3tupian虛化