Sepia Img Hover

Harini aku saja godek godek coding grayscale img hover tu, aku jadikan Sepia Hover. Berjaya berjaya berjaya. Happy sgt-sgt. Aku teringat nk godek sbb ada yg tanya ada tak warna lain, so aku gunakan ilmu editing aku dlm tutorial ni :) Alhamdulillah, menjadi. Yippi! so, its full by me k? :*

Tutorial kalini akan memberi effect begini kpd img dlm blog korang selepas letak cursor :-

Familiar Template

• Dashboard > Template > Edit HTML
• Ctrl + f to find this code : ]]></b:skin>
• Copy code dekat bawah ni dan paste atas ]]></b:skin>

Blogskin

• Dashboard > Template
• Tekan Ctrl + f serentak dan cari code </style>
• Copy code di bawah & paste atas code </style>

/*------ IMAGE ANIMATION------*/ img, a img { filter: none; -webkit-filter: sepia(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#sepia); /* Firefox 3.5+ */ filter: brown; /* IE6-9 */ -webkit-filter: sepia(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;}

• Preview & Save if no error alert. 
• Credit : MAS ERMA

Alhamdulillah harini CGC meraih 900 followers !