背景色ホバーフェード効果CSS

Question

まず、私は初心者です。ステップごとの指示が必要です。

Wordpressのリンクにスムーズな背景ホバー効果を追加したい

a {
  color:#000;}
a:hover {
  background-color: #d1d1d1; color:#fff;
}

リンクのホバーを瞬時にではなく、遅くしたい。 JavaScriptまたはjQueryが必要ですか？もしそうなら、その方法を教えてください。

Answer 1

これは表面的な効果であるため、これが発火することはあまり重要ではありません。そのため、CSS 3 transformations をご覧ください。

a {
  color: #000;
  transition: background 0.5s linear;
}
a:hover {
  background-color: #d1d1d1;
  color: #fff;
}

<a href="http://example.com">Hover me</a>

Answer 2

CSS3 Transitionエフェクトは、探しているものに適しています。使用方法の詳細については、こちらをご覧ください： http://www.css3.info/preview/css3-transitions/