CSSだけで３Dのリボン

最近、ブログペットのゲンまでもが(笑)胃潰瘍の文字を使って
 投稿しているので(苦笑）、先日の胃カメラの組織検査結果を
 遅ればせながら報告を！
良性の炎症性ポリープでした！
 ただし！切除は必要なので、年内に受けて来る予定は しています。
要らないものは、体内から削除しなくちゃ～ハァ；；

今日、見つけたのは、画像を使用しないで、CSSだけで3Dの
リボンを実装するチュートリアルです。
またまた、コリスさんに教わりました！
http://coliss.com/articles/build-websites/operation/work/create-a-3d-ribbon-wrap-around-effect.html

Firefoxでのキャプチャー画像だと
こんな感じに。ただし、IE７で確認すると、
リボンのシャドウが表示できません。

試しに作成してみたページ　

CSSだけで、こんな感じにリボンを折りたたんだみたいに
表示できるんですねー！
また、今後、使わせてもらおうと思います。
どこに使おうか？今から楽しみ！！