CSS3伽马校正最常用的属性是“gamma”,从名字可以看出,其主要作用是对颜色进行校正。使用范围很广,可以应用于文字、背景、边框等位置。下面是一个例子:
body { background-color: #FFA07A; -webkit-gamma: 1.2; -moz-gamma: 1.2; gamma: 1.2; }
以上代码表示将背景色设置为#FFA07A,同时使用伽马校正。其中,-webkit-gamma和-moz-gamma是Webkit和Firefox浏览器专属的属性,gamma则是所有浏览器均可支持的属性。
伽马校正的值通常在0.1到5之间,基本规则是越高的值会使色彩更加饱和、更为偏向亮色,在大部分情况下1.0是最准确的选择。但在某些浏览器的重复渲染和生成图像卡较为常见的情况下,可以尝试使用不同的值。
需要注意的是,伽马校正的使用必须在视觉上需要达到一致性的情况下才会有意义,如果没有这样的要求,应该避免使用这个属性,能够避免一些不必要的工作和调试。