Cacher is the code snippet organizer for pro developers

<ul id="footer-logos">
  <li><a href="#"><img src="img/logo-sb.png"  
    alt="SimpleBits logo" /></a>
  </li>
  <li><a href="#"><img src="img/icon-feed.png" alt="RSS feed" /></a>
  </li>
  <li><a href="#"><img src="img/icon-bitman.png" alt="BitMan" /></a>
  </li>
</ul>

/*centering the images horizontally*/
#footer-logos {
  text-align: center;
  }
#footer-logos li {
  display: inline;
  }

/*adding opacity to images. starting 25% and going to 60%*/
#footer-logos a img {
  opacity: 0.25;
  }

#footer-logos a:hover img,
#footer-logos a:focus img {
  opacity: 0.6;
  }