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