css - CSSによる折り紙効果

Question

添付の画像に示すように、折り紙の効果を実現しようとしています。

:before のさまざまな組み合わせを、さまざまな境界線を含む div で試しましたが、必要な方向に三角形を取得できません。

編集：

ExtProの回答に基づいて、私が最終的に使用したスタイルは次のとおりです。

<div class="folded_menu">
  <div class="fold"></div>
  <div class="paper"></div>
</div>

.

.fold {
  position: absolute;
  left: -25px;
  top: 12px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 90px 0;
  border-color: transparent #BCC7B6 transparent transparent;
}

.paper {
  padding: 1em;
  background: $nav-top; /* Old browsers */
  border: 2px solid white;
}

おまけの質問: 折り目に影を付けることは可能ですか?