image hover opacity


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. #menu ul li a img{ /* Image opacity */
  2. filter: alpha(opacity=40);
  3. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  4. -moz-opacity: 0.40;
  5. opacity:0.4;
  6. }
  7.  
  8. #menu ul li a:hover img { /* Image opacity when rolled over */
  9. filter: alpha(opacity=100);
  10. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  11. -moz-opacity: 1.00;
  12. opacity:1;
  13. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.