画像をCSSで斜めにマスク

transform: skewY(-10deg);

      クリップする高さ = 画像高さ - (rad * 画像の横幅)
 
     画像サイズ 600x400 の場合
      h = 400px - tan(10deg) * 600px;      
         = 400px - 0.176(rad) * 600px 
          
      クリップする高さは  
      height: 294.20381px;    
     

transform: skewX(-10deg);

     画像の横幅を計算
     
           100% : h = 600px: 400px
            h = 400 * 100 / 600
            h = 66.67%
            画像の高さ(%)と角度から求めたradをかけて、画像の
              横幅(100%)を足します。
              x = ( 0.176(rad) * 66.67(%) ) + 100(%)
              x = 111.73%