fading images

HOW TO: Fading images
It’s popular for tumblr themes to have a fading effect when you hover over image posts. You can change just how much they fade by replacing the 0.6 with another number.0.6 means that the image is at 60% of its opacity. If you want a lesser fade, try 0.8 or 0.75. Play around with that to get it right to your standards.

Paste the following code beneath <style type=”text/css”>
 This code makes your images transparent when you hover over them:

img{
opacity: 1.0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;}

img:hover{opacity: 0.6;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;}
And paste the following code above </style>
makes your images transparent, and then solid when you hover:

img{opacity: 0.6;

      -webkit-transition: all 0.3s linear 0s;

         -moz-transition: all 0.3s linear 0s;

           -o-transition: all 0.3s linear 0s;

              transition: all 0.3s linear 0s;}

img:hover{opacity: 1.0;

      -webkit-transition: all 0.3s linear 0s;

         -moz-transition: all 0.3s linear 0s;

           -o-transition: all 0.3s linear 0s;

              transition: all 0.3s linear 0s;}