image hover #2



Assalamualaikum ... nina share tuto ni sbp sahira request... ok dia tanya ada tak tuto bila kita hover image dia akan bertukar warna grey? jawapan nyerr mestilah ada.. ok kalau korang tak paham apa yg nina merepek ni... korang just click > live preview <

dah paham??? jom start

  • Dashboard > Template > Edit  Html
  • Ctrl+f search code </style>
*------ 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>
  • preview and save
credit to the owner



Share this:

CONVERSATION

0 Comments:

Post a Comment