CSSの背景画像アニメーションを無効にする

Question

ノーマルとホバーの2つの背景画像を使用するシンプルなボタンを作成しました。問題は、私がテストしたすべてのブラウザが、スライド上/下のようなホバー上の画像にアニメートすることです。私のような何かを行う場合、私はこの問題を解消するためリンクひとつひとつのCSSファイルが、運

を削除した：問題がなくなった

* { 

    /*CSS transitions*/ 
    -o-transition-property: none !important; 
    -moz-transition-property: none !important; 
    -ms-transition-property: none !important; 
    -webkit-transition-property: none !important; 
    transition-property: none !important; 
    /*CSS transforms*/ 
    -o-transform: none !important; 
    -moz-transform: none !important; 
    -ms-transform: none !important; 
    -webkit-transform: none !important; 
    transform: none !important; 
    /*CSS animations*/ 
    -webkit-animation: none !important; 
    -moz-animation: none !important; 
    -o-animation: none !important; 
    -ms-animation: none !important; 
    animation: none !important; 
    } 

を、私はまだトランジションを使用できるようにしたいと特定の要素のアニメーション。背景画像のみの遷移を無効にする方法はありますか？

Answer 1

.no-animate { 
/*CSS transitions*/ 
-o-transition-property: none !important; 
-moz-transition-property: none !important; 
-ms-transition-property: none !important; 
-webkit-transition-property: none !important; 
transition-property: none !important; 
/*CSS transforms*/ 
-o-transform: none !important; 
-moz-transform: none !important; 
-ms-transform: none !important; 
-webkit-transform: none !important; 
transform: none !important; 
/*CSS animations*/ 
-webkit-animation: none !important; 
-moz-animation: none !important; 
-o-animation: none !important; 
-ms-animation: none !important; 
animation: none !important; 
} 

移行を無効にするアイテムにそのクラスを適用します。背景イメージのトランジションを持つ要素には使用しないでください。