31 posts
  • 7 Years of Membership
  • Collector Level 4
  • United States
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

566 posts Code is Poetry
  • Elite Author
  • Author Level 9
  • Affiliate Level 4
  • Collector Level 2
+4 more
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;
}
110 posts
  • Affiliate Level 1
  • Author Level 5
  • Beta Tester
  • Collector Level 1
+5 more
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 :)

566 posts Code is Poetry
  • Elite Author
  • Author Level 9
  • Affiliate Level 4
  • Collector Level 2
+4 more
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