禁用/关闭继承的CSS3转换
禁用/关闭继承的CSS3转换
提问于 2011-07-09 19:33:29
因此，我将以下CSS转换附加到一个元素：
a {
-webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ;
-moz-transition:color 0.1s ease-in, background-color 0.1s ease-in;
-o-transition:color 0.1s ease-in, background-color 0.1s ease-in;
transition:color 0.1s ease-in, background-color 0.1s ease-in;
}有没有办法在特定元素上禁用这些继承的转换？
a.tags { transition: none; } 似乎没有做好这项工作。
回答 5
Stack Overflow用户
发布于 2015-05-25 21:55:02
如果要禁用单个过渡属性，可以执行以下操作：
transition: color 0s;(因为零秒过渡等同于无过渡。)
Stack Overflow用户
发布于 2018-05-08 08:32:56
另一种删除所有转换的方法是使用unset关键字：
a.tags {
transition: unset;
}在transition的情况下，unset等同于initial，因为transition不是继承的属性：
a.tags {
transition: initial;
}了解unset和initial的读者可以立即知道这些解决方案是正确的，而不必考虑transition的特定语法。
Stack Overflow用户
发布于 2019-01-24 20:03:32
基于W3schools的默认转换值是：all 0s ease 0s，这应该是跨浏览器兼容的禁用转换的方式。
这里有一个链接：https://www.w3schools.com/cssref/css3_pr_transition.asp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6634470
复制相关文章
相似问题