css - 一辺が斜めになっている背景の正方形

Question

CSSだけを使用して、一方の端に角度を付けて透明な背景を作成できるようにしたいと思います。私はそれをしようとするさまざまな方法を見つけましたが、それを完全に得ることはできません。私は実際にはスクリプトを使用したくありません。CSSだけを使用します。

背景画像は次のようになります。

Answer 1

あなたはボーダーを使ってそれをすることができます：http：//jsfiddle.net/wNhjb/

#shape {
   height: 0; 
   width: 80px;
   border-top: 80px solid blue;
   border-left: 40px solid transparent;
}

</ p>