خانه > سیاه و سفید کردن عناصر با CSS

سیاه و سفید کردن عناصر با CSS

تاریخ : 6 سال قبل
دسته بندی : آموزش
نویسنده : برنامه نویس
1,263 مشاهده
سیاه و سفید کردن عناصر با CSS

در برخی موارد احتیاج دارید که قسمتی یا صفحه ای را به شکل سیاه و سفید در بیارید اما شاید موقتی و شاید به عنوان یک ابزار واکنش گر ( Hover ) بخواهید از آن استفاده کنید و برای همین شما باید تمامی عناصر رنگی را به سیاه و سفید برگردانید ؟ خیر ! نیازی به این کار نیست وقتی CSS با دستور بسیار ساده ای مارا نجات خواهد داد .

 

 

کافیست ویژگی grayscale(1) را به قسمت مورد نظر خود اختصاصی دهید تا مشاهده کنید که به چه سرعت و آسانی عنصر دلخواه شما در صفحه سیاه و سفید شد و با حذف این دستور باز صفحه شما رنگی خواهد شد :

Body { grayscale(1); }

با این دستور کل صفحه شما سیاه و سفید خواهد شد .

تلگرام
واتس اپ
مهدی ترکمان
درباره مهدی ترکمان در این قسمت می توان به راحتی هر چیزی نوشت و به دیگران نمایش داد که این نویسنده چطور خصوصیاتی داراست

دیدگاه‌ها بسته شده‌اند.

Head
BODY
Head
BODY