html - 无效的属性值 CSS 旋转

Question

我创建了一个类，我试图在 CSS 中旋转 45 度，但 Chrome 显示“无效的属性值”

.cr {
    background-color: #444;
    position: absolute;
    left: 5px;
    top: 13.5px;
    width: 20px;
    height: 3px;
   -o-webkit-transform: rotate(45deg);
      -o-moz-transform: rotate(45deg);
       -o-ms-transform: rotate(45);
             transform: rotate(45deg);
}

<div class="cr"></div>

为什么会这样？？

Answer 1

您不需要 o-webkit。
o 代表 Opera，webkit 是 Chrome 背后的引擎。

就是-webkit-transform: rotate(45deg);

与 moz 前缀相同。