如何给这个带角度的css色带带来Wrap-Around外观？

Question

Camille-ascencio-parvy-lemoine已经answer to my old question to make ribbon了，但现在我需要让这个功能区像这样翻转

在这里使用JSFiddle玩http://jsfiddle.net/aNmvc/8/

这个问题我只要求翻转角落。答案不需要其他功能区

Answer 1

检查这个小提琴：http://jsfiddle.net/zNCEr/5/

再添加2个旋转跨距，并将它们放置以模拟包装带！

仅在FF中测试。

Answer 2

编辑：这样做的方式使得围绕位置玩起来有点困难。这就是我想出的一个非常简单的浮动色带：http://jsfiddle.net/aNmvc/13/，并不完美。如果你想制作一个3D外观色带，你必须使用三角形来模仿折叠的纸张。希望它有所帮助！

有关3D彩带的更多信息：https://stackoverflow.com/questions/8456575/3d-ribbon-corners-how-to-do