回転のないCSSコーナーリボン

Question

コーナーリボン、およびチュートリアルを使用するチュートリアルがたくさんあります。変換/回転は45度です。 div（font）内のコンテンツも回転します。私はそれを望んでいない。私は下の図のようにしたい、フォント/シンボルはまだ立っている。

私はの三角形の背景をにしようとしましたが、私が望むようにすることはできません。

Answer 1

@Dedi Ananto：以下のコードをメモしてください：

<div class="arrow-right"></div> 

.arrow-right { 
    width: 0px; 
    height: 0px; 
    border-top: 0px solid transparent; 
    border-bottom: 70px solid transparent; 
    border-left: 60px solid red; 
} 

希望これは...

よろしく、 カラン