CSS3を使って対角線を描くことは可能ですか？

Question

私はそれが可能であることを知っていますcreate a circle using CSS3

対角を描くことは可能ですか？

Answer 1

を回転させるはい、それが、あります1つ以上の可能性がある。

Y要素または他の要素を使用して回転させることができます。ここでデモされています

そして、はい、それはここで

http://jsfiddle.net/LqFAX/

-moz-transform: rotate(7.5deg); 
    -o-transform: rotate(7.5deg); 
-webkit-transform: rotate(7.5deg); 
    -ms-transform: rotate(7.5deg); 
     transform: rotate(7.5deg); 
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
        M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 

      zoom: 1; 

Answer 2

あなたがすることができます

1. 1つの境界に
2. 透明セットカラー
3. に（DIV）
4. セットの背景色html要素を作成するには、

Answer 3

:)をするためにIEで動作しますが、完全なサンプルである、あなたは自分の寸法に天使と翻訳ベースで再生する必要があります。

<div style="background-color: #BCBCBC; width: 100px; height: 50px; padding: 0; margin: 0"> 
    <div style="width: 112px; height: 47px; border-bottom: 1px solid black; -webkit-transform: translateY(-20px) translateX(5px) rotate(27deg); "></div> 
</div>