CSS background image'in üzerine siyahlık eklemek

Furkan5274

Hectopat
Katılım
21 Nisan 2020
Mesajlar
14
Arkadaşlar, background ımage'in üstüne biraz siyahlık eklemek istiyorum. Nasıl ekleyebilirim?
 
Bi class oluştur, sonra background colora rgba koy. Renklerden sonra yazdığın 4. kısım alfa değeri. Ne kadar transparan olacağını ayarlıyor. Örnek;
background-color: rgba(255,255,255,0.5);
 
İlgili nesnenin background'ını siyah yaptıktan sonra arkaplan resminin opacity değerini 0.9~0.7 aralıgında verirsen istediğin sonucu alabilirsin.
 
ilgiliElement::before {
content: "";
display block;
background-color: #000;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}

Diğer örneklerin yanında bunu da kullanabilirsin.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…