Tasarımımda fotoğraflar mevcut, bu fotoğraflara overlay ilave ettim çalışıyor problem yok. Fakat fotoğrafa hover olduğunda transition uygulayamıyorum nasıl yaparım?

bllk3 1391 gün önce

590 defa görüntülendi ve 1 kişi tarafından değerlendirildi

.overlay {

        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #0c0c0c;
        top: 0;
        left: 0;
        opacity: 0.6;
        
    }

    .overlay {
        display: none;
    }

    :hover .overlay {
        display: block;
        
    }

css

bllk3

1390 gün önce

İlyas bey gerçekten teşekkür ederim, display:block; eklediğimde opacityden yararlanamadığımı bilmiyordum. :hovere de opacity ekledim
sizin gösterdiğiniz gibi oldu. Çok teşekkür ediyorum :)

#003633

Tüm Cevapları Göster (4)