رفتن به مطلب

رنگی شدن عکس هنگام hover


پست های پیشنهاد شده

حالت سیاه و سفید


img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

لینک به ارسال

حالت سیاه و سفید


img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

نتونستم ازش استفاده کنم اگه ممکنه راهنمایی!

لینک به ارسال

نتونستم ازش استفاده کنم اگه ممکنه راهنمایی!

سلام

کار خاصی نداره

توسط css آدرس عکس موردنظرتون رو تعریف کنید سپس کد رو به شکل زیر قرار بدید مثلا


.post img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

حال برای اینکه وقتی کاربر موس رو بر روی عکس موردنظر برد ، عکس بصورت رنگی نمایش داده شود

این کدرو قرار میدید


.post img:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}

فقط یادتون باشه که بجای


.post img

باید آدرس مربوط به class یا id مرتبط با بخش موردنظرتون رو بدید.

ویرایش شده توسط جویا
لینک به ارسال

حالت سیاه و سفید


img.desaturate { -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

در تمامی مرورگرها هنوز پشتیبانی نمیشه . بهتر استفاده نشه و به جاش از jquery استفاده بشه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...