Que tal um cursor totalmente customizado na sua página?

Voce vai aprender trocar totalmente o cursor do seu site, fazendo cada página sua ser unica; chega da mesmice e sem usar nenhum pluguin e adicional.

Vamos usar apenas um codigo css que vou liberar para vocês. Abaixo tem o spoiler do efeito aplicado em um site.

Tutorial para estizar cursor

Cursor 1

código CSS USADO

				
						html{
    cursor: url("link"), auto
}
html.click, html.click a, html.click a:hover, a:hover
{
cursor: url("link"), auto
}
				
			

Cursor 2

código javascript USADO
				
					<link data-minify="1" rel="stylesheet" href="https://sedrux.com.br/wp-content/cache/min/1/kursor/dist/kursor.css?ver=1733798828">
<script src="https://unpkg.com/kursor" data-rocket-defer defer></script>
<script>
	new kursor({
		type: 1,
		color: '#000000',
		removeDefaultCursor: false,	
	})
</script>
				
			

Você pode gostar tambem de:

Espero que esse tutorial te ajude em algum dos seus peojetos, compartilhe com amigos.

Até breve.

Vamos tirar seu projeto do papel ?

Você conta seus sonhos, nós tornamos ele realidade de forma incrível.

Sedrux Digital © 2024 Todos os direitos reservados

CNPJ 42.505.646/0001-70