背景颜色悬停渐变效果CSS

Question

首先,我是初学者.我想要一步一步的指导.

我想为Wordpress中的链接添加平滑的背景悬停效果

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

我希望链接上的悬停缓慢而不是即时.我需要任何JavaScript或jQuery吗？如果是这样,请告诉我如何做到这一点.

Answer 1

由于这是一种美容效果,因此它不应过于重要.鉴于此,您可能希望查看CSS 3 转换.

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

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