Css-Bu gölge efekti nasıl veriliyor? - Sayfa 2

31-07-2020, 13:36:24

#10

.cl-card-img {
position:relative;
}.cl-card-img:before {
content: '';
width: 100%;
height:100%;
position:absolute;
background:#ddd;
left:0px;
top:0px;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 43%);
}

31-07-2020, 13:41:55

#11

Lyra

Sizin dediğiniz gibi yaptım fakat yazı altta kaldı... z index ile vs oynadım ama üste alamadım yazıyı

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

bitane overlay diye div ac imajın üstüne position: absolute; bottom: 0; z-index: 9999; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); olarak css ver. resim div'inede position: relative verirsen resmin dışına çıkmaz

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

.cl-card-img {
position:relative;
}.cl-card-img:before {
content: '';
width: 100%;
height:100%;
position:absolute;
background:#ddd;
left:0px;
top:0px;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 43%);
}

teşekkür ederim, böyle de yazı altta kalıyor sanırım

31-07-2020, 13:50:16

#12

WebKadir

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

Sizin dediğiniz gibi yaptım fakat yazı altta kaldı... z index ile vs oynadım ama üste alamadım yazıyı

teşekkür ederim, böyle de yazı altta kalıyor sanırım

.cl-card-img, .cl-card-img:before {z-index: -20 !important; }.cl-card-img > div {  z-index: 500 !important;
}