Xóa chuyển tiếp CSS

Question

Tôi sử dụng khung CSS áp dụng hiệu ứng chuyển tiếp khi di chuyển chuột qua các yếu tố đầu vào. Tôi có một lớp học mà tôi muốn không có quá trình chuyển đổi này. Điều này có thể không?

Answer 1

Chỉ cần chuyển đổi: không; trong css và ưu tiên cao hơn những người khác.

Ví dụ:

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