在身体标签的最后加上div标签作为遮罩,如下:
<前> & lt; div 类=癿ask"祝辞& lt;/div> 之前css样式:
<前> .mask { ,,,位置:固定; ,,,top ,,,,,, 0; ,,,left ,,,:, 0; ,,,bottom ,:, 0; ,,,right ,,:, 0; ,,,背景:# 000;,,/*一般遮罩随便设置一个颜色*/} 之前注意:一般遮罩加上透明度透明度就是阴影效果了。
代码和一般遮罩一样,唯一不同的是设置.mask遮罩的背景色用rgba()表示,当然hsla()也是可以的。
css如下:
<前> .mask { ,,,位置:固定; ,,,top ,,,,,, 0; ,,,left ,,,:, 0; ,,,bottom ,:, 0; ,,,right ,,:, 0; ,,,背景:rgba (0, 0, 0, 0。5),, ,,,/*背景:hsla (0100%、80%、0.5) */,,,/*背景:# 000;,不透明度:0.5;*/} 之前CSS中的颜色可以由RGB色彩空间和奥软色彩空间两种方式来表述。其中我们常用的是RGB色彩空间。
RGB色彩空间的颜色表示方式有:十六进制颜色(如红色:# FF0000), RGB颜色(如红色:RGB (255, 0, 0), RGBA颜色(如半透明的红色RGBA(255, 0, 0, 0.5)),此外常见的颜色可以直接写颜色名(如红色:红色)。
奥软色彩,是一种工业界的色彩标准,因为它能涵盖到人类视觉所能感知的所有颜色,所以在工业界广泛应用。奥软色彩空间中,H(色调):代表色调,年代(饱和度):代表饱和度,L(轻):代表亮度,((α):代表不透明度)。
<前>//css定义一个模糊效果类 .blur { ,,,,,-webkit-filter:,模糊(5 px);,/*, Chrome, Opera */,,,,,,-moz-filter:,模糊(5 px); ,,,,,,,-ms-filter:,模糊(5 px);,,,, ,,,,,,,,,,,过滤器:,模糊(5 px); } 之前 <前>//js 遮罩出现时给遮住对象加模糊效果 如果($ (“.mask") . (“: visible")) { ,,,(“.context") .addClass美元(“blur"); } 其他{ ,,,(“.context") .removeClass美元(“blur"); } 之前
这里推荐一下我的前端学习交流群:731771211,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。从最基础的HTML + CSS + JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习网前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入。
加入
