清除 CSS 过渡效果

Question

清除 CSS 过渡效果

csstwitter-bootstrapcss-transitions

15

我使用了一个CSS框架，当鼠标移动到输入元素上时，它会应用过渡效果。我有一个类，我不希望它具有这种过渡效果。这是否可能？

- JJJollyjim

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

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rhgb · Accepted Answer

只需在CSS中加入 transition:none;，并使其优先级高于其他样式。

例如：

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;
}