CSS Üzerine Gelince Başka Div Düzenleme
Arkadaşlar merhaba Sorum Şu text-muted class ını gizledim bu kartın üzerine gelince yazı tekrar gelmesini istiyorum .Bir kaç yerde görmüştüm ama ne yazacagımı bilmedigim için araştıramadım
<html>
<div class="col">
<a class="" href="">
<div class="card h-100">
<img src="assets/img/336x164.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</a>
</div>
<style>
.text-muted {
display: ;
}
</style>
</html>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
.text-muted {
display: none;
}
.card:hover .text-muted {
display: block;
}
Yukarıdaki gibi yaparsan animasyon göremezsin, animasyonlu bir geçiş istiyorsan aşağıdakini dene
.text-muted {
opacity: 0;
visibility: hidden;
transition: .5s opacity, .5s visibility;
}
.card:hover .text-muted {
opacity: 1;
visibility: visible;
}