تبدیل تصویر به grayscale با کمک css

تبدیل تصویر به grayscale با کمک css

اگر در حال کار با css هستید و می‌خواهید یک تصویر را grayscale کنید.

تبدیل تصویر به grayscale با کمک css

برای تبدیل تصویر به grayscale در css از این کد استفاده کنید:

.grayscale {
    filter: grayscale(100%);
}

نکته: حالا از کلاس grayscale در هر تصویری که می‌خواهید استفاده کنید و آن‌ها را به grayscale تبدیل کنید.

اگر نیاز به آموزش‌های بیش‌تری در css دارید در بخش نظرات همین نوشته برای ما بنویسید.