How to make images transparent over hover.

Copy and paste this code under your <head> tag of your theme.

<style type=”text/css”>
img{opacity: 1;}
img:hover{opacity: 0.6;}
</style>

You can change the opacity by changing the 0.6 part in bold.

0.1: hardly visible

0.5: half transparent

1.0: full

OR

you can make images full over hover by switching 1 and 0.6.

PLEASE FOLLOW ME FOR MORE GREAT TUTORIALS!

http://www.giveitajump.tumblr.com/

AND VISIT MY THEMES PAGE TO FIND GREAT THEMES AND EXAMPLES OF THIS AFFECT AND MORE!

http://www.giveitajump-themes.tumblr.com/



POST DETAILS:
Posted on December/26/2011
Tagged as: imageeffects, codes, submission,

POST NOTES:
  1. mielarcheta reblogged this from codesecrets
  2. acrisolar-deactivated20121207 submitted this to codesecrets
eXTReMe Tracker