İlginizi Çekebilir

CSS İmleç Özelliği

CSS İmleç Özelliği

CSS ile sitemizde özelleştirmeler yapabileceğimizi daha önceden de bahsetmiştik. Bu yazımızda da özelleştirmelerden biri olan imleç özelliğine bakacağız. CSS İmleç özelliği ile elemanların üzerine fare ile geldiğimizde imlecin değişmesini sağlayabiliriz.
Örneğin bir resim üzerine geldiğimiz zaman imlecin yok olması veya imlecin el işaretine dönmesini sağlayabiliriz.

Aşağıda bulunan tablodan, imleçlerin isimlerini bulabilirsiniz. İmleçleri kullanırken cursor parametresini kullanmaktayız.

  • Örnek: cursor: help;
  • İmleç Tablosu

    autopointersw-resizen-resize
    defaultnw-resizew-resizehelp
    crosshairne-resizee-resizetext
    movese-resizes-resizewait
    cellall-scrollgrabgrabbing
    not-allowedprogresszoom-outzoom-in

     
     

    İmleç Özelliğinin Kullanımı

    Resimlere fare imlecini değiştirmek

  • Fareyle üzerine geldiğimiz zaman “wait” imleci yani yükleniyor imlecini koymak istersek;
  • CSS İmleç Özelliği
     
     

    Metinlerde fare imlecini değiştirmek

  • Fareyle üzerine geldiğimiz zaman “crosshair” imleci yani nişan imlecini koymak istersek;
  • Denemek için fareyle üzerime gel!

     
     

    Linklerde fare imlecini değiştirmek

  • Fareyle üzerine geldiğimiz zaman “move” imleci yani taşıma imlecini koymak istersek;
  • Denemek için fareyle üzerime gel!

    Yorum Yap

    Yorum Yap