frhxv
Tutorial : Image Hover 1# (Grey Colour)

Assalamualaikum and annyeong~ Lama dah orang request tuto ni. Maaf laa lewat sikit. Hehee,tak tahu apa maksud image hover? Bila kita hover kat gambar tu akan ada effect dia. Tuto ni gambar akan jd warna kelabu. Nak tahu jadi cmner,jom cuba tuto ni^^ Harap menjadi~

1. Dashboard > Template
2. Tekan ctrl + F serentak dan cari code </style>
3. Copy code kat bawah
/*------ 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 di atas code </style> tadi
5. Preview and save.
[ 0 comments ]