Question

159

rated 0 times [ 164] [ 5] / answers: 1 / hits: 78417 / 13 Years ago, tue, august 9, 2011, 12:00:00

First, I am a beginner. I want a step by step instruction.

I want to add a smooth background hover effect to my links in Wordpress

a {

  color:#000;}

a:hover {

  background-color: #d1d1d1; color:#fff;

}

I want the hover on links slow, instead of instant.
Do I need any JavaScript or jQuery ? If so, please tell me how to do that.

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 718

Total Questions: 103

Total Answers: 104

Location: England

Member since Sun, May 21, 2023

1 Year ago

kieraelsies questions

Tue, Aug 3, 21, 00:00, 3 Years ago

Tue, Feb 23, 21, 00:00, 3 Years ago

Thu, Nov 12, 20, 00:00, 4 Years ago

Wed, Sep 9, 20, 00:00, 4 Years ago

Mon, Sep 16, 19, 00:00, 5 Years ago

answered 13 Years ago elliem · Accepted Answer

Since this is a cosmetic effect, it shouldn't be too vital that this fires. Given that, you might want to look at 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>