Genelde pek kullanmadığım bir özelliktir kendileri…. Fakat şu sıralar üzerinde çalıştığım bir iş için gerekli oldu (Çok iyi de oldu…) Gerçekten çok kullanışlı bir css özelliği visible. Sayfanızın bir çok yerinde kullanılabilecek bir özellik bence. Sizin içi hızlıca bir kaç basit örnek hazırladım. Zamanla bunları arttıracağım… Öncelikle kısa bir html kodu yazalım.
<div id="sag">
<h3><a href="/">Yeni<span> { Yorumlar }</span></a></h3>
</div>
Kodumuza yerleştirdiğimiz span tagları arasındaki {Yorumlar} Kelimesini visibility ile gizliyoruz. a:hover ile yeniden görünür hale getiriyoruz. Aşağıdaki gibi basit bir css kodu ile hoş görünümlü başlıklar yapabiliriz.
h3 {
padding:5px;
margin:5px;
width:200px;
background-color:#ddd;
font-size:90%;
}
h3 a {
color:#777;
text-decoration:none;
}
h3 a span {
visibility:hidden;
}
h3 a:hover {
color:#b6e026;
}
h3 a:hover span {
visibility:visible;
font-size:90%;
color:#999;
}
Burada mümkün olduğunca basit anlatmaya çalıştım. Bu linkten birkaç çeşit örneğe ulaşabilirsiniz.
