CSS ile bir manşet yaptım. Manşetteki resimlerin üzerinde açıklamalar mevcut. Ancak şöyle bir sıkıntım var, fotoğrafa zoom efekti uyguladığımda üzerine açıklama olduğu için image:hover kullandığımda çalışmıyor. Bunu nasıl halledebilirim ?
Kodlar
CSS
#manset {width:1100px;}
.manset {position:relative;width:275px;height:400px;float:left;overflow:hidden;}
.manset img {transition: all 0.4s ease;}
.manset img:hover {transform:scale(1.15);}
.manset p {position:absolute;margin:0;top:0;background:#fff;width:100%;height:100%;background: linear-gradient(to bottom, rgba(41,128,185,1) 0%,rgba(125,185,232,0) 100%);}
HTML
Deneme
Deneme
Deneme