Tutorial : Image Hover*4
tuto yg ke-5 ari nie : 7.05 a.m. .. tuto kali ini die mcm nie :
nmpak?k..nk buat ?
For Blogskin
Dashboard > Template > Edit HTML
Tekan ctrl + f serentak dan cari code img { or .img {
Copy code bawah ni:
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;}
Paste code di atas kode tdi >,<
Preview and save.
Labels: gambar, hover, image, image hover, tuto
Tutorial : Image Hover*4
tuto yg ke-5 ari nie : 7.05 a.m. .. tuto kali ini die mcm nie :
nmpak?k..nk buat ?
For Blogskin
Dashboard > Template > Edit HTML
Tekan ctrl + f serentak dan cari code img { or .img {
Copy code bawah ni:
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;}
Paste code di atas kode tdi >,<
Preview and save.
Labels: gambar, hover, image, image hover, tuto
|