Cursores personalizados CSS

Lembra-se da época da Web 1.0, quando o senhor precisava personalizar seu site de todas as formas possíveis? O senhor abusava das barras de rolagem no Internet Explorer, é claro, mas o serviço externo mais popular de que me lembro era o CometCursor. O CometCursor permitia que o senhor criasse e usasse vários cursores personalizados para o seu site. Agora, provavelmente rimos disso em retrospectiva, mas pode haver momentos em que o senhor queira personalizar um cursor, e o CSS permite fazer isso com bastante facilidade!

O CSS

O cursor CSS aceita uma série de cursores e, usando um url() permite que o senhor defina um cursor CSS personalizado:

body {
	cursor: url('some-cursor.ico'), default;
}

É sempre melhor ter um cursor nativo de backup, como o default, da mesma forma que o senhor definiu um cursor mais amplo font-familyao estilizar o texto. Observe também que o Firefox reduz o cursor para um tamanho menor, enquanto o Chrome atualmente permite um tamanho original maior.

Agora, não faça isso a esmo, use um cursor personalizado em locais que o senhor considere importantes, como uma lupa + ou – sobre imagens com zoom e coisas do gênero.