CSS-maskingeffect,shadoweffect,毛玻璃效果

cssStyle:.mask{position:fixed;顶部：0；左：0；底部：0；右：0；背景：#000；不透明度是阴影效果。阴影效果背景：rgba(0,0,0,0.5)；hsla(0,100%,80%,0.5);代码和一般mask一样，唯一不同的是用rgba()设置mask的背景颜色，当然hsla()也是可以的。css如下：.mask{position:fixed;顶部：0；左：0；底部：0；右：0；背景：RGBA（0,0,0,.5）；/*背景:hsla(0,100%,80%,0.5)*//*背景:#000;不透明度：0.5；*/}CSS中的颜色可以用RGB颜色空间和HSL颜色空间来表示。其中，我们常用的是RGB色彩空间。RGB颜色空间的颜色表示方式有：十六进制颜色（如红色：#FF0000）、RGB颜色（如红色：rgb(255,0,0)）、RGBA颜色（如半透明红色rgba(255,0,0,0.5)），另外，常用颜色可以直接写颜色名称（如red：red）。HSL颜色是一种工业色彩标准，因为它可以涵盖人类视觉所能感知的所有颜色，所以在工业上被广泛使用。在HSL色彩空间中，H（Hue）：表示色调，S（Saturation）：表示饱和度，L（Lightness）：表示亮度，（A（Alpha）：表示不透明度）。毛玻璃效果filter:blur(5px);//css定义一个模糊效果class.blur{-webkit-filter:blur(5px);/*Chrome,Opera*/-moz-filter:blur(5px);-ms-过滤器：模糊（5px）；filter:blur(5px);}//当js蒙版出现时，给被覆盖的物体添加模糊效果if($(".mask").is(":visible")){$(".context").addClass("blur");}else{$(".context").removeClass("blur");}