Html CSS未知属性“;“转变”;

Html CSS未知属性“;“转变”;,html,css,Html,Css,我的样式表有一些问题。我试图做一些有趣的悬停效果,但不知何故我不能使用转换。有人能帮我吗?错误发生在注释“view one”下方 HTML: transform还不是标准,因此目前没有浏览器支持它 但是,有些浏览器支持基于草稿的供应商扩展: Internet Explorer 9中的ms转换 Mozilla浏览器(最著名的是Firefox)中的moz转换 -webkit浏览器(Chrome、Safari等)中的webkit转换 Opera中的o变换 可能是其他人,我不知道 您可能需要为转换使用

我的样式表有一些问题。我试图做一些有趣的悬停效果,但不知何故我不能使用转换。有人能帮我吗?错误发生在注释“view one”下方

HTML:


transform
还不是标准,因此目前没有浏览器支持它

但是,有些浏览器支持基于草稿的供应商扩展:

  • Internet Explorer 9中的ms转换
  • Mozilla浏览器(最著名的是Firefox)中的moz转换
  • -webkit浏览器(Chrome、Safari等)中的webkit转换
  • Opera中的o变换
  • 可能是其他人,我不知道

您可能需要为转换使用供应商特定的样式,例如:

#id_of_element {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;

}

您可以在此处阅读有关转换和转换的更多信息-

只需在css代码中使用此css。请记住,转换并非在所有浏览器中都有效

.view-first:hover {
    transform: rotate(30deg);
 -ms-transform: rotate(30deg); /* IE 9 */
 -webkit-transform: rotate(30deg); /* Safari and Chrome */
 -o-transform: rotate(30deg); /* Opera */
 -moz-transform: rotate(30deg); /* Firefox */
}

你能发布你的标记代码吗?这将有助于我们帮助你..我唯一的问题是为什么我不能在样式表中使用转换?:)但是,如果您需要查看几个div,请稍候;)您能否澄清问题的具体原因以及您从何处获得此消息?您使用什么浏览器来测试此css3功能?此外,
可能位于
元素中。css3样式的有用站点是。它演示效果并为常见浏览器提供css规则(并指定哪些规则适用于哪些浏览器)。
#id_of_element {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;

}
.view-first:hover {
    transform: rotate(30deg);
 -ms-transform: rotate(30deg); /* IE 9 */
 -webkit-transform: rotate(30deg); /* Safari and Chrome */
 -o-transform: rotate(30deg); /* Opera */
 -moz-transform: rotate(30deg); /* Firefox */
}