css - cssで回転リボンを作成する

Question

ボックスの隅に配置され、cssを使用して、画像を使用せずに回転するこのようなリボンを作成するにはどうすればよいですか。

私はそれがこのようないくつかのツールとチュートリアルを終了し、これがcssでリボンを簡単に作成することを知っています。
でも、回転させたものを作りたいのですが、どれも横型です。

Answer 1

これらのチュートリアルに従って水平リボンを作成したら、CSS3変換（回転）を使用してリボンを回転します：http：//davidwalsh.name/css-transform-rotate

Answer 2

http://jsfiddle.net/R6jMH/ご覧ください