清除 CSS 过渡

Posted 2023-03-06

【中文标题】清除 CSS 过渡

【英文标题】：Clear CSS Transitions

【发布时间】：2012-05-24 17:05:32

【问题描述】：

我使用了一个 CSS 框架，它在将鼠标移到输入元素上时应用过渡。 我有一门课，我不想有这种过渡。这可能吗？

【问题讨论】：

请推送您的代码以便更好地理解

【参考方案1】：

只要把transition:none;在 css 中并使其优先级高于其他。

例子：

html:

<div class="a"></div>
<div class="a b"></div>

​ css：

div.a 
    width: 200px;
    height: 100px;
    border: 1px solid black;
    background-color: #EEE;
    -webkit-transition: background-color 0.5s;

div.a:hover 
    background-color: #069;

div.a.b 
    -webkit-transition: none;
​