css的滤镜有哪些,他们都有哪些作用？

html-css010

css的滤镜有哪些,他们都有哪些作用？,第1张

滤镜效果 功能描述

Alpha 设置不同的透明度变化效果

Blur 建立模糊效果

DropShadow 建立一种偏移的影象轮廓，即投射阴影

FlipH 水平翻转

FlipV 垂直翻转

Glow 为对象的边界增加色彩光效

Gray 将图片以灰度形式显示

Invert 将色彩、饱和度以及亮度值完全反转,类似底片效果

Light 在一个对象上进行灯光投影

Mask 为一个对象建立彩色透明遮罩

Shadow 为对象建立轮廓的影效果

Wave 在X轴和Y轴方向利用正弦波打乱图片

Xray 只显示对象的轮廓

直接将其放入页面中的<style></style>即可，或者外部样式直接在内部引用。

html,body { 

-webkit-filter: grayscale(100%) 

-moz-filter: grayscale(100%) 

-ms-filter: grayscale(100%) 

-o-filter: grayscale(100%) 

filter: grayscale(100%) 

filter: gray 

}