ULとLIクラスのホバー効果

Question

ここに初めて私は優しいようにしてください。 （私は去年ここにいたことに気がつきました）！

私はいいフェードでいくつかのロールオーバーをジャズアップしようとしています。ただし、ウェブサイトのレイアウトはボタンを使用していません。

ここでデモを見ることができます。 https://www.fireworkscrazy.co.uk/store_v8/

トップメニューにマウスオーバーし、サイドボタンを赤色にフェードインします。

私はトランジションの要素と、：ホバー：前と：ホバー：後ろを遊んできましたが、役に立たないので、私は来て、ここにあなたに天才を尋ねると思っていました。

ありがとうございます。

Answer 1

現在のホバー効果は、この（基本のstyle.cssのライン87）として設定されているように見えます：

.nav > li > a:hover{ 
    background-color: #f5f5f5; 
    color: #262626; 
} 

あなたはそれが代わりに赤に移行したい場合は、単純に背景色を変更値「赤」またはあなたが好む赤の濃淡の16進コードに変換します。

.nav > li > a:hover{ 
    background-color: red; 
    color:#fff; /*white will look better on a red background than dark gray */ 
    transition: 300ms; 
} 

ここに遷移詳細については、こちらをご覧ください：http://www.w3schools.com/css/css3_transitions.asp