验证(CSS 3.0):“rotate(-180deg)”不是有效的“transform”属性值
0
[已解决问题]
解决于 2015-04-02 11:26
在设置transition:all 0.4s ease-out 0s;transform:rotate(-180deg);属性时。vs2010报错：
错误 2 验证(CSS 2.1):“transform”不是已知的 CSS 属性名。
错误 1 验证(CSS 2.1):“transition”不是已知的 CSS 属性名。
此时验证的级联样式表版本为css2.1。当更改样式表版本为css3.0时，报错：
错误 1 验证(CSS 3.0):“rotate(-180deg)”不是有效的“transform”属性值。
代码如下：transform:rotate(-180deg); rotate(-180deg)下方有红色波浪线。
将rotate(-180deg)改为rotate()时，错误消失。
如何让rotate(-180deg)错误消失？
最佳答案
0
你只写transform和transform当然会提示你出错，因为存在兼容性问题。需要加上-webkit, -moz 和 -o 前缀后这个波浪线就会消失。
.yourclass { -webkit-transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s; -webkit-transform:rotate(-180deg) -moz-transform:rotate(-180deg) -o-transform:rotate(-180deg); transform:rotate(-180deg); }
你可以在VS.net安装一个叫Web Essentials 2013 for Update 2 的插件，安装后点击右键可自动补充缺少的浏览器兼容属性。
奖励园豆：5
我的工具是vs2010专业版，在扩展管理器里面没有找到Web Essentials 2013 for Update 2。
自己下载后，不知道如何添加。另外按你说的格式写了，红线没有消失。
@enhahaha: 你安装一个 VS2012以上的版本吧，2010做CSS3很坑的，这个写法是标准的css3写法，你直接在各种浏览器内测试一下就知道是没有问题的，关于红线是vs2010的IDE太老了不支持，你升级一下就完事。你不用去点扩展管理器了，这里我不是给你留了链接吗？你点进去就是官方的下载版本了，下载下来直接安装就完事了。
@Ray Liang: 嗯嗯，谢谢你。