浅谈CSS3滤镜的10种特效(下)继续我们上次的学习,前5个效果,http://bbs.itheima.com/forum....今天我们将学习并继续研究以下5种效果。1.1.过滤值1.1.1。opacityopacity的作用是改变图片的透明度语法:.opacity{-webkit-filter:opacity(.2);}值:默认值为100%;0~1或0~100%;如果使用小数,可以省略0,例如0.5可以写成.51.1.2。brightness亮度brightness的作用是改变图片的亮度语法:.brightness{-webkit-filter:brightness(.5);}值:默认值100%;0~1或0~100%;如果使用小数,0可以省略,例如0.5可以写成.51.1.3。contrastcontrastcontrast的作用是改变图像的对比度。contrast{-webkit-filter:contrast(2);}默认值:如果值为0%,图像将全黑。值为100%时图像保持不变。值可以超过100%,这意味着将应用较低的对比度。如果没有设置值,则默认为1,即100%。1.1.4.blur为图像设置高斯模糊。“radius”的值设置了高斯函数的标准偏差,或者屏幕上有多少像素混合在一起,所以值越大,越模糊语法:.blur{-webkit-filter:blur(3px);}Value:如果None设置值,默认为0;该参数可以设置css长度值,但不接受百分比值。1.1.5.drop-shadowdrop-shadow的效果类似于box-shadow,是给图片加上阴影效果语法:.drop-shadow{-webkit-filter:drop-shadow(5px5px5px#ccc);}取值:参数如下:
