半透明遮罩

使用場景

1. 常用於新手引導

效果圖

實現方式

1. 頁面層 + 半透明灰色背景層 + 高亮圖片層

   <div id="app">
       <img src="https://wx-for-static-res.oss-cn-beijing.aliyuncs.com/jsfiddle/small-bird.jpg" title="image"/>
       <p>半透明聚光燈效果</p>
       <div class="layer-container">
           <div class="layer-shade"
    
   ></div>
           <div class="layer">
               <div class="circle"></div>
           </div>
       </div>
   </div>