CSS样式(样式篇)

1、模糊度(兼容性)

filter:blur(0.9px)    //模糊度
-webkit-filter:blur(10px);
-moz-filter:blur(10px);
-ms-filter:blur(10px);
-o-filter:blur(10px);

2、透明度(兼容性)

filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;  

3、单行文本超出显示三个点

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

4、多行文本超出显示三个点

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

5、网页加灰色遮罩层

filter:grayscale(100%); 
-webkit-filter:grayscale(100%); 
-moz-filter:grayscale(100%); 
-ms-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter:grayscale(1);