Question

我正在尝试用CSS，HTML和JS完成这个项目的完整副本，CodePen Example

当我运行代码时，它运行正常，但JS文件在这两个

中给出了错误

#progress aside span {
  -webkit-transform: rotate(-10deg);      
}

#progress aside span:hover {
  -webkit-transform: rotate(-5deg) scale(1.1);
}

我是网络编程的新手，所以如果有人能帮助我，我将非常感激。

问候。

Answer 1

-webkit-transform只能在使用 webkit引擎的浏览器中识别（例如：Google Chrome，Opera，Safari等）。此-webkit-称为浏览器使用webkit引擎时使用的供应商前缀。

浏览器前缀用于添加可能不属于正式规范的新功能，以及在尚未最终确定的规范中实现功能。

您还应该包括所有其他供应商前缀。

#progress aside span:hover {
    -webkit-transform:  rotate(-5deg) scale(1.1); /*For webkit browsers*/
    -moz-transform:  rotate(-5deg) scale(1.1); /* For Mozilla based browsers */
    -ms-transform:  rotate(-5deg) scale(1.1); /* For Microsoft browsers */
    -o-transform:  rotate(-5deg) scale(1.1); /* For older versions of opera */
    transform:  rotate(-5deg) scale(1.1); /* Default */
}

css不是识别-webkit-transform

1 个答案: