/* Ana kartın içindeki kapsayıcıya göreceli konumlandırma verilir */ .sehitler-body-left-row-item-box-text-body-inner { position: relative; overflow: hidden; /* Taşmaları gizle */ } /* Animasyonla kayacak olan bölüm başlangıçta kartın altında, görünmez bir konumdadır */ .sehit-slide { position: absolute; bottom: -100%; /* Başlangıçta tamamen aşağıda */ left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); /* Hafif siyah bir arka plan */ color: white; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; transition: bottom 0.5s ease; /* Animasyonun hızını ve yumuşaklığını ayarlar */ } /* Fare ile kartın üzerine gelindiğinde (.hover) .sehit-slide'ın konumu değişir */ .sehitler-body-left-row-item-box-text-body-inner:hover .sehit-slide { bottom: 0; /* Kartın üzerine gelince görünür konuma (aşağıya sıfır) gelir */ }
