v2.5.2
Giriş yap

CSS rgba sorunu

selim
449 defa görüntülendi

Merhaba, rgba ile bir div imi renklendirmek istiyorum.

    rgba(#000, 0.2); => rgba(0, 0, 0, 0.2);

Yukarıdaki şekilde yaptığımda hiçbir sıkıntı yok. Fakat aşağıdaki gibi yapınca çalışmıyor.

    rgba(var(--black), 0.2); => rgba(var(--black), 0.2);

Buradaki var(--black) değerim #000. İkiside aynı olmasına rağmen neden ikincisi çalışmıyor ?

Cevap yaz
Cevaplar (3)
admin
918 gün önce

@selim hex renk koduna alpha degeri eklenmiyor maalesef. rgb veya direk alpha eklenmiş halini degisken olarak yazmak zorundasin.

selim
918 gün önce

@admin evet o şekilde tanımlanabilir. Ancak proje hazır bir proje ve çok fazla :root ta tanımlanmış renk var ve heryede kullanılıyor. onların hepsini bu şekilde değiştirirsem direk color: var(--color) gibi kullanılan yerler patlayacak. O yüzden bunu gördüm fakat bununla uğraşmak istemedim açıkçası.

admin
919 gün önce

renk değerini de rgb vermelisin.

:root {
  --color: 0,0,0;
}
body{
 background-color: rgba(var(--color),0.2);
}