Tutoriel pour créer des curseurs personnalisés

Créer des curseurs personnalisés

On voit de plus en plus de sites qui utilisent des curseurs personnalisés, il y a évidemment l’aspect esthétique, mais aussi pratique et cela peut clairement rentrer dans une démarche d’UX design.
Par contre, n’oublions pas que ce curseur ne sera visible que sur desktop. Il ne faut donc pas baser toute sa navigation avec ce genre de technique.

Codrops nous propose 5 démos et un tutoriel pour réaliser des curseurs animés pour des éléments interactifs comme la navigation dans une page ou dans une galerie par exemple.

Ce n’est pas ce qu’il y a de plus facile à réaliser. Il y a pas mal de choses à prendre en compte et il faut avoir une certaine maîtrise du JavaScript car il utilise notamment la bibliothèque Paper.js.

Ce tutoriel vous permettra de réaliser ce genre d’animation. Libre à vous de la customiser.

Exemlle de curseur personnalisé

 

Le tutoriel sur Codrops
Les fichiers sources des démos sont téléchargeables ici.

 

Laisser un commentaire :

Votre adresse email ne sera pas publiée.