Image Hover 3# (Grey Colour)
Posted Jun 1, 2013 // 1:40 AM
Annyeong, ! Ni tuto yang seterusnya dalam seminggu .. ^3^ . Tuto ni hanya untuk pengguna BLOGSKIN je . So kalau yang pakai templete biasa, sila request lain .
Image jadi kelabu a.k.a grey colour ? Tak pernah tahu ? Jom try ..
Dashboard > Template 
Tekan Ctrl + f serentak dan cari code </style>
Copy code dekat bawah ni/*------ 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;}
Paste di atas code </style> tadi
Preview & save.
τïṉģģαlќαṉ ќøṃεṉ јïќα ρεɾlυ ^3^
0 Comments:
Post a Comment
1# Harsh word not allowed
2# Support word , I say THANKS ^^
... Back to the blog?