سنتعلم كيفية تعتيم الخلفيه في CSS3 بدون استخدام مكتبات خارجيه

وهذه الطريقه تفيد في تقليل استخدام الصور في المواقع واعادة استخدام الصور المحمله مسبقا كـ خلفيات لبعض الصفحات 

الطريقة  كـ الآتي :

نضع هذا الامر قبل رابط الصور واعدادت موقعها

linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) )

بحيث تكون تعليمة الخلفيه هكذا :

background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(..menu/hot_drinks.jpg) no-repeat center;