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 div。

如果您想以不同方式旋转它：

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