#image fade

1. Paste this code underneath <style type=text/css>

 img{

-webkit-transition: opacity 0.8s linear;

opacity: 1;

}

img:hover{

-webkit-transition: opacity 0.8s linear;

opacity: .6;

} 

2. You can change the opacity to make it fade more or less.

so requested by many, here is a quick tutorial on how to make your blog images fade, or turn gray

I hope you enjoy!

Copy the following and paste it before </style> in your theme:

img {

padding: 0px;  filter: alpha (opacity=100);  opacity: 1.0;  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;cursor: }  img:hover {  filter: alpha (opacity=80);  opacity: 0.80;  -webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;cursor: }