你可能一开始认为亮度 brightness只适用于照片或者其他图像，但实际上，从文本元素到整个页面，都可以改变亮度。在接下来的例子中，我们将会把Stuff & Nonsense网站上部的图片亮度降低到50%。

.filter { 
filter : brightness(50%); }

亮度 brightness滤镜接受百分比值。当值为100%时，元素保留原来的样子。当值在0%至100%之间调整，减小值会逐渐变暗直到变成黑色，而当值超过100%并一直上升，直到元素看起来像是烧糊了一样。

与亮度 brightness一样，对比度contrast滤镜也可以应用到任何元素上。为了和亮度 brightness对比，我们继续在这幅图片上做对比度的示例。

.filter { 
filter : contrast(50%); }

对比度contrast同样可以使用百分百单位。对比度为0%时，高亮的部分和阴影部分的对比很弱，形成了一个灰蒙蒙的效果。对比度为100%时，元素保持原样。当值超过100%时，就会形成一些非常有趣的效果。像前面蒙太奇风格的示例。