چگونه ایجاد می‌شود: تصاویر سیاه و سفید

آموزش نحوه استفاده از CSS برای ایجاد تصاویر سیاه و سفید.

تصاویر سیاه و سفید

با استفاده از CSS filter این ویژگی تصاویر را به تصاویر سیاه و سفید تبدیل می‌کند.

Tulip
تصویر اصلی
Tulip
گرایی (100%)

مثال گرایی

تمام تصاویر را به رنگ سیاه و سفید (100% خاکستری) تغییر دهید:

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
{}

آزمایش شخصی کنید

صفحات مرتبط

آموزش‌ها:تصویر CSS

دستورالعمل‌های مرجع:ویژگی فیلتر CSS