CSS - 如何旋轉此色帶

Question

嗨，我遵循以下教程來創建功能區。不過，我希望功能區水平放置，以便我可以將文本放入並用作標題。我怎麼才能重新做到這一點，但讓它面對水平？

http://cssdeck.com/labs/pure-css3-smooth-ribbon-with-borders

Answer 1

只要把：

transform:rotate(90deg); 
-ms-transform:rotate(90deg); 
-webkit-transform:rotate(90deg); 

您#ribbon股利。

如果你想以不同的方式旋轉它：

transform:rotate(270deg); 
-ms-transform:rotate(270deg); 
-webkit-transform:rotate(270deg);