![]()
.siyah{
background-color:#000; /* siyah renk belirledik. */
opacity:0.5; /*yarı saydamlık verdik. */
display:none; /*ortadan kaldırdık. */
}
.kutu:hover .siyah{
display:block
} /* .kutu üstüne gelirse de ortadan kaldırma işlemini boz ve görünür hale getir komutunu verdik. */
Tabi her şey bu kodlarla bitmiyor. Eklenmesi gerek kodlar da bulunmakta. Ama işin mantığı budur. Altında bulunan detay alanı için bir örnek hazırladım.
Aşağıda ki örneği indirerek, inceleyebilirsiniz.
