页面mask css

Posted 怦然心动

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面mask css相关的知识,希望对你有一定的参考价值。

<html>
    <head>
        <style type="text/css">
          .share_mask {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9998;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.6);
        }
        .ip_none {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    width: 300px;
    height: 300px;
}
        </style>
    </head>
    <body>
        <div class="share_mask" style="display:none" > 
   
  <img class="ip_none" src="http://cx.hedayikao.com/Content/imgs/qrcode_for_gh_30e7ad15afa9_860.jpg" data-src="http://cx.hedayikao.com/Content/imgs/qrcode_for_gh_30e7ad15afa9_860.jpg"> 
 </div>
    </body>
</html>

  

以上是关于页面mask css的主要内容,如果未能解决你的问题,请参考以下文章

利用mask-image蒙层编写异形头像

基于CSS mask和clip-path实现切角的技巧

VSCode自定义代码片段——CSS选择器

VSCode自定义代码片段——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画