linear-gradient düzenleme

10-06-2021, 20:32:07

Kimlik doğrulama veya yönetimden onay bekliyor.

background: -moz-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);

Üstteki kodları bir resim üzerine css olarak nasıl ekleyebilirim?

background: url(/tema/2021.png) ;

kodlar ve resim aynı anda ekleyince resim görünmüyor sadece eklenen renkler çıkıyor..

Yardımlarınız için şimdiden teşekkürler.

10-06-2021, 21:09:55

#2

EnesCanturk

::before pseudo class'ı ile ekleyebilirsiniz.

10-06-2021, 21:17:11

#3

SevgiForum

EnesCanturk adlı üyeden alıntı: mesajı görüntüle

::before pseudo class'ı ile ekleyebilirsiniz.

Rica etsem üstteki kodları düzenleyip ekleyebilirmisiniz ?

10-06-2021, 21:20:02

#4

EnesCanturk

SevgiForum adlı üyeden alıntı: mesajı görüntüle

Rica etsem üstteki kodları düzenleyip ekleyebilirmisiniz ?

.classiniz::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
 background: -moz-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
 background: linear-gradient(to right,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
    z-index: 0;
}

muhtemelen olur

10-06-2021, 21:25:50

#5

SevgiForum

EnesCanturk adlı üyeden alıntı: mesajı görüntüle

.classiniz::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
 background: -moz-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
 background: linear-gradient(to right,rgba(134,19,138,.9) 0,rgba(0,0,0,0) 100%);
    z-index: 0;
}

muhtemelen olur

Yardımın için teşekkür ederim Maalesef enes hocam.. Kodlar çalışmadı bende..
Bu şekilde hem resim hem kod görünüyor sorunsuz.. üsttekileri nasıl ekleyeceğim onu yapamadım
background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
url('tema/2021.png');

10-06-2021, 21:27:31

#6

EnesCanturk

SevgiForum adlı üyeden alıntı: mesajı görüntüle

Yardımın için teşekkür ederim Maalesef enes hocam.. Kodlar çalışmadı bende..
Bu şekilde hem resim hem kod görünüyor sorunsuz.. üsttekileri nasıl ekleyeceğim onu yapamadım
background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
url('tema/2021.png');

Hocam elimde iş var. Yoksa uzak bağlantı ile yardım ederim ama maalesef yoğunum. Konuyu favorilere ekledim. Müsait zamanda bakayım. Çözemediyseniz yaparız

10-06-2021, 21:28:36

#7

SevgiForum

Tamama hocam beklemedeyim teşekkür ederim.