Sitede özel imleç kullanma

css

Öncelikle kullanacağınız iconu seçiyorsunuz seçtikten sonra dosya formatına göre dönüştürme işlemi yapmanız gerekebilir.

Bunun için online converter servislerini kullanabilirsiniz.
Benim kullandığım servis convertio.co adresi oldu.

Sonra png formatına dönüştürdüğümüz görselimizin base64 kodunu alarak css’e ekleme işlemini yapalım.

Bunun için online base64 kod veren servisler var.
Benim kullandığım base64-image.de oldu.

Daha sonra css’de body etiketimize

cursor: url('base64 kodu'), auto;

değerini girelim ve cursor değiştirme işlemimiz bitsin.

Aynı şekilde a:hover gibi değerlere de imleçin farklı hallerini girerek seçicinizi değiştirmeniz gerekiyor.

İyi bir kullanıcı deneyimi için linklerde imlecin farklı halini kullanmanızı tavsiye ederim.