Cursor personalizado com CSS | Café ++
Publicado: 21/05/2017 - Everson Vansoski

Cursor personalizado com CSS

Veja como implementar um cursor personalizado para seu site ou blog

Você sabia que é possível personalizar o cursor quando um visitante acessa sua página web? E o mais incrível é que para fazer isso não precisa de plugin, basta uma linha do bom e velho CSS.

Veja como funciona passando com o cursor sobre o retângulo abaixo:



O que permite esse recurso é propriedade cursor, que está representada no código abaixo.
*{
/*usamos o asterisco para aplicar as propriedades em todo o documento HTML*/
cursor: url(http://cafemaismais.com.br/postfiles/files/2/cursor_caveira.png), default;
}
a imagem eu encontrei no site jj-ying.deviantart.com

Simples, não? Se você quiser saber mais sobre o atributo cursor clique aqui
Everson Vansoski
Analista de Sistemas no setor de contact center em São Paulo - SP