31 posts
  • Bought between 100 and 499 items
  • Has been a member for 6-7 years
blingcart says

I want my links to be a certain color and alpha to another color when you rollover.

How do I do this?

Its an effect when you put the mouse over a link it gradually (in about half second) changes to a different color. You put the mouse out of the link and it again gradually changes to its original color. I hope I am making sense. I would like to know how to do this

Thanks! :D

490 posts Code is Poetry
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 2-3 years
  • Europe
  • Exclusive Author
  • Referred between 50 and 99 users
  • Bought between 1 and 9 items
egemenerd says

Something like this :)

a {
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
        color:#000;
}
a:hover {
color:#cc0000;
}
108 posts
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • United Kingdom
  • Most Wanted Bounty Winner
  • Envato Studio (Microlancer) Beta Tester
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
designedbydash says

Something like this :)
a {
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
        color:#000;
}
a:hover {
color:#cc0000;
}

This will work, but you should also include:

transition:all 0.5s ease-in-out;

As that’s the official CSS3 version :)

490 posts Code is Poetry
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 2-3 years
  • Europe
  • Exclusive Author
  • Referred between 50 and 99 users
  • Bought between 1 and 9 items
egemenerd says


Something like this :)
a {
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
        color:#000;
}
a:hover {
color:#cc0000;
}

This will work, but you should also include:

transition:all 0.5s ease-in-out; As that’s the official CSS3 version :)

+1 ;)

by
by
by
by
by
by