PC Hocası Forum

Tam Versiyon: HTML-CSS Hover kullanımı
Şu anda arşiv modunu görüntülemektesiniz. Tam versiyonu görüntülemek için buraya tıklayınız.
CSS3 ile hover kullanımı;

Hover: imlecinin üzerine geldiğinde yapılacak işlemlerin sağlandığı bölüme denir.

şimdi birkaç örnekle daha kolay anlayacaksınız.


Kutu adında bir div oluşturuyoruz.
Kod:
<div id="kutu" ></div>

CSS kodlarımız.
Kod:
#kutu {
height:200px;
width:200px;
background-color:#0FF;
transition:background 2s;
}
#kutu:hover {
background-color:#F36;
}

burda transition özelliğini kullanarak, mavi renkten pembe renge 2 saniyelik geçiş efekti koyduk.


ve sonuç:

[Resim: hover.gif]

gerisi sizin hayal gücünüze kalmış.