ShareThis

Tuesday, October 30, 2012

[CSS] - "Highlight" Images on hover

Tuesday, October 30, 2012 7:23 PM  Joe  No comments. Share your thoughts!

Haven't posted many CSS tutorials yet so here goes.

Sometimes it is handy to give your images a highlight-able feel. This is easily accomplished with a little CSS:


Code:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<style>
img
{
  opacity:0.6;
  filter:alpha(opacity=60);
}
img:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);
}
</style>


Live Demo: (hover over them!)





Posted in:

0 comments:

Post a Comment