[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-image-mask-css
   3   */
   4  
   5  
   6  .phui-image-mask {
   7    background: url('/rsrc/image/checker_lighter.png');
   8    display: inline-block;
   9    border: 1px solid {$lightblueborder};
  10    padding: 4px;
  11  }
  12  
  13  .phui-image-mask-image {
  14    background-repeat: no-repeat;
  15    position: relative;
  16    overflow: hidden;
  17  }
  18  
  19  .phui-image-mask-mask {
  20    border: 300px solid rgba(0, 0, 0, 0.5);
  21    background-clip: content-box;
  22    position: absolute;
  23  }