كيف - صور بالأبيض والأسود
تعرف على كيفية إنشاء صورة "بالأبيض والأسود" باستخدام CSS.
صورة بالأبيض والأسود
الصورة الأصلية
تدرج الرمادي (100٪)
استخدم filter
خاصية CSS لتحويل صورة إلى أبيض وأسود.
مثال على التدرج الرمادي
قم بتغيير لون كل الصور إلى أبيض وأسود (100٪ رمادي):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
انتقل إلى البرنامج التعليمي الخاص بصور CSS لمعرفة المزيد حول كيفية تصميم الصور.
Go to our CSS filter Property to learn more about CSS filters.