Image Hover : Grey Color
1. Dashboard > Template > (Scroll Down) Edit Template HTML
2. Press CTRL + f and find this code : </style>
3. Copy codes below :
/*------ IMAGE ANIMATION------*/
img, a img {
filter: none;
-webkit-filter: grayscale(0);}
.photo img {
opacity:1;
-webkit-transition:all 0.4s
ease-in-out;
-moz-transition:all 0.4s
ease-in-out;
-o-transition:all 0.4s
ease-in-out;
transition:all 0.4s ease-in-out;}
img:hover, a:hover img {
filter:
url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /*
Google Chrome & Safari 6+ */
-webkit-transition:all 0.4s
ease-in-out;
-moz-transition:all 0.4s
ease-in-out;
-o-transition:all 0.4s
ease-in-out;
transition:all 0.4s ease-in-out;}
4. Paste the codes above of : </style>
5. Preview and save