5.00 / 1 oy

CSS ile fare imlecini gizlemek

CSS ile bir internet sitesinde gezinirken sitenin bir bölgesinin üzerine mouse imleci ile gelindiğinde imleci gizlemek için ne yapabilirim diye araştırırken css özellikleri içinde cursor özelliğinin none değeri alabildiğini fark ettim.

.imlecGizle {cursor: none;}

Bu tek satırlık css kodunu html ya da body'ye uyguladığınızda ise tüm internet sitesinin üzerinde fare imleci gizlenmiş oluyor.

* {cursor: none;}

Bir internet sitesinde fare imlecini tamamen gizlemek ne işe yarar derseniz, örneğin oyun sayfalarında imleci göstermemek ya da içerik çalınmasını zorlaştırmak istediğiniz sayfalarda faydalı oluyor.

Not: kullanıcı sağ tıkladığında imleç de görünür duruma geçiyor, bunun için sayfa içerisinde klavye ve mouse girdilerini de iptal etmeyi düşünebilirsiniz.

bkz: internet sitesine sağ tıklama ve kopyalama yasağı koymak

 

Editör editi: sitede yer alan bazı diğer benzer başlıklar için;

bkz: HTML ve CSS ile kayan yazı yapmak

bkz: CSS'te Clearfix tam olarak ne işe yarar?

bkz: CSS ile yazıya yanıp sönme efekti eklemek

bkz: CSS ile yazının tek satırda kalmasını sağlamak

bkz: CSS ile yazının tek satırda kalmasını sağlamak

bkz: CSS Seçicileri Nelerdir?

zirzop

31.05.2021 11:22

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile fare imlecini gizlemek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.