旋转CSS 3形状

Question

有没有办法以某个角度旋转CSS 3形状？

Dabblet code here.

Answer 1

将变换旋转添加到您的id octagon，请参阅此链接http://davidwalsh.name/css-transform-rotate

Answer 2

.shape
    {
        transform:rotate(150deg);
        -ms-transform:rotate(150deg); /* IE 9 */
        -webkit-transform:rotate(150deg); /* Opera, Chrome, and Safari */
    } 

Answer 3

.object {
  transform: rotate(45deg);
 }

您还可以设置转换原点：

object {
  transform: rotate(45deg);
  transform-origin: left;
 }

您可以根据对象的旋转方式将其位置更改为左，右，上或下。

希望这会有所帮助！