Add a hover effect to button links using CSS

Here is the code I use to add a hover effect to button links.

Copy and paste this code into your stylesheet:

a img {
opacity:.40;
filter:alpha(opacity=40);
filter: “alpha(opacity=40)”;
filter:alpha(opacity=40);
}

a:hover img{
opacity:1;
filter:alpha(opacity=100);
filter: “alpha(opacity=100)”;
filter:alpha(opacity=100);
}

You can see an example of this here.

That’s it!

Related Posts:

One Response to “Add a hover effect to button links using CSS”

  1. [...] Visit link: Add a hover effect to button links using CSS « Icode4you – PHP … [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">