PC Hocası Forum


HTML-CSS Hover kullanımı
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


Konu: 2
Mesaj: 4
Cinsiyet: Bay
Kıdem: 14-11-2016

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ç:

hover.gif

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

Cevapla
(Son Düzenleme: 18/01/2017, Saat: 15:41, Düzenleyen: serkanege48.) .


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Yeni Başlayanlar İçin HTML PCMaster 5 483 11/03/2017, Saat: 18:25
Son Yorum: Expert
  Html Formlar Ahmet Doğukan G. 4 341 14/02/2017, Saat: 14:05
Son Yorum: Ahmet Doğukan G.
  HTML'de tablo oluşturma Ömer Faruk Keçer 5 477 27/12/2016, Saat: 12:00
Son Yorum: Ahmet Doğukan G.

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım