افکت سفید و سیاه (Grayscale) کردن تصاویر توسط CSS

افکت سفید و سیاه (Grayscale) کردن تصاویر توسط CSSReviewed by Datacss.ir on Feb 2Rating:

برای انجام این کار کافی است کد CSS زیر را به تصویر مورد نظر خود اختصاص دهید. در این مثال فرض بر آن است که شما قصد دارید تصویر در حالت پیش فرض به صورت سفید و سیاه باشد:

img {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

و برای آنکه تصویر با موس اور کاربر به حالت عادی و رنگی بازگردد می توانید از کد CSS زیر استفاده نمایید:

img:hover {
filter: none;
-webkit-filter: grayscale(0);

دیدگاهتان را بنویسید لغو پاسخ

سایر مقالات مرتبط :

ساعات کاری طراحان وب تبریز

اخبار و مطالب آموزشی ما

تماس با مشاورین متخصص