如何将CSS3过渡应用于除背景位置之外的所有属性？
如何将CSS3过渡应用于除背景位置之外的所有属性？
提问于 2012-05-15 23:50:43
我想将CSS转换应用于除背景位置之外的所有属性。我试着这样做：
.csstransitions a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.csstransitions a {
-webkit-transition: background-position 0s ease 0s;
-moz-transition: background-position 0s ease 0s;
-o-transition: background-position 0s ease 0s;
-ms-transition: background-position 0s ease 0s;
transition: background-position 0s ease 0s;
}首先，我将所有属性都设置为transition，然后尝试仅覆盖background-position属性的transition。
然而，这似乎也重置了所有其他属性-所以基本上看起来不会再发生任何转换。
有没有办法在不列出所有属性的情况下做到这一点？
回答 5
Stack Overflow用户
回答已采纳
发布于 2014-06-24 00:43:16
这里有一个同样适用于Firefox的解决方案：
transition: all 0.3s ease, background-position 1ms;我做了一个小演示：http://jsfiddle.net/aWzwh/
Stack Overflow用户
发布于 2013-02-28 22:50:52
希望不要迟到。它只需要一行代码就可以完成！
-webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 这在Chrome上是有效的。您必须用逗号分隔CSS属性。
下面是一个有效的示例：http://jsfiddle.net/H2jet/
Stack Overflow用户
发布于 2013-09-27 13:53:32
试试这个。
* {
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
a {
-webkit-transition: background-position 1ms linear;
-moz-transition: background-position 1ms linear;
-o-transition: background-position 1ms linear;
transition: background-position 1ms linear;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10604389
复制相关文章
相似问题