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?
.overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: #0c0c0c;
top: 0;
left: 0;
opacity: 0.6;
}
.overlay {
display: none;
}
:hover .overlay {
display: block;
}
Bence gayet açık ufak bir buton çalışması yaptım olay anlamamız için. Bunu kontrol edersen anlayabilirsin beni
butona hover olduğunda farketmişsindir 500 ms gecikmeyle hover oluyor ben bundan bahsettim :)
Aynı butona hover oldugu gibi resime hover uyguladığımda transition ile gecikmeyle hover olmasını istiyorum,
ama ne yazıkki olmuyor hiçbir türlü başka bir yöntemi mevcut büyük ihtimalle:(
https://codepen.io/bllk3/pen/GRjLYaw