Custom Cursor Trails

Modifier le trail : Element circle Custom Cursor Trail

Mettez à jour les paramètres, l’apparence et le comportement de votre trail personnalisé.

Étape 1 : Nom de la traînée

Entrez le nom de votre ensemble de traînées de curseur.

Étape 2 : Images

Ajoutez des images de la manière qui vous convient le mieux.

OU

Images sélectionnées :

Element circle Custom Cursor Trail

Étape 3 : Paramètres

Choisissez le type d’animation, la taille et d’autres paramètres.

Loading animation…
Loading…

Comment utiliser : création et personnalisation d’un custom cursor trail

Guide étape par étape pour créer, modifier et utiliser des custom cursors et custom cursor trails dans votre application ou extension.

  1. Étape 1. Nom du custom cursor trail

    Dans le champ « Nom », entrez un titre clair pour le futur custom cursor trail (par exemple Cosmic Sparkles) afin de le retrouver facilement dans l’extension et gérer vos effets de curseur. Cela aide à organiser plusieurs custom cursor trails différents.

  2. Étape 2. Images pour le custom cursor trail

    Ajoutez des images pour le custom cursor trail de trois façons : 1) collez une URL, 2) chargez un fichier depuis votre ordinateur, 3) choisissez des icônes dans votre bibliothèque d’images. Formats pris en charge : JPG, JPEG, PNG, WEBP, BMP, SVG. Pour un rendu optimal, privilégiez les PNG transparents ou les SVG. Paramètres conseillés : 64–128 px et poids inférieur à ~200–300 KB – ainsi vos custom cursor trails fonctionneront de manière fluide sans baisse de FPS. Si l’image par URL ne se charge pas à cause du CORS, utilisez le téléchargement de fichier ou votre bibliothèque. Vous pouvez combiner plusieurs icônes dans un même custom cursor trail et supprimer les éléments inutiles à tout moment.

  3. Étape 3. Paramétrage des custom cursor trails

    Choisissez le type d’animation, l’easing, la taille des images (px) et la durée de l’effet (ms). Vous pouvez ainsi adapter l’apparence et le comportement de vos custom cursor trails au style de votre site ou extension.

  4. Étape 4. Ajout et utilisation du custom cursor trail dans l’extension

    Vérifiez que le custom cursor trail s’affiche correctement, puis cliquez sur « Ajouter la traînée dans l’extension » ou « Enregistrer les modifications ». Une fois sauvegardé, sélectionnez le custom cursor trail voulu dans votre application ou extension pour activer l’effet sur n’importe quel site.

FAQ : traînée de curseur, animation du curseur et bibliothèque d’images

Questions fréquentes sur la création et la personnalisation des effets de curseur, l’utilisation de votre bibliothèque d’images et l’optimisation des custom cursor trails.

Quels formats et tailles d’images sont pris en charge pour les effets de curseur ?

Sont pris en charge : JPG, JPEG, PNG, WEBP, BMP, SVG. Nous recommandons des fichiers légers (moins de 200–300 KB) et des icônes de 64–128 px pour garantir la fluidité des custom cursor trails.

Comment ajouter des images depuis ma bibliothèque ?

Sélectionnez « Choisir depuis la bibliothèque » pour insérer des icônes de votre propre base d’images.

  • Combinez des images de la bibliothèque et vos fichiers locaux afin de garder une cohérence visuelle.
  • Mettez à jour vos ensembles : supprimez les éléments superflus et ajoutez-en de nouveaux.
  • Votre bibliothèque d’images facilite la cohérence de marque dans vos custom cursor trails.
Pourquoi l’ajout par lien (URL) ne fonctionne-t-il pas parfois ?

Certains sites bloquent le chargement d’images par des applications tierces à cause des restrictions CORS.

Ce n’est pas une erreur de l’outil custom cursor trail, mais une règle de sécurité du site hébergeur.

Quelle est la différence entre les paramètres « Taille » et « Durée » dans un custom cursor trail ?
  • Taille — dimension physique des images (px) : influe sur la visibilité et la lisibilité de la traînée.
  • Durée — temps d’un cycle d’animation (ms) : détermine la vitesse d’apparition et de disparition de l’effet.
Peut-on modifier un custom cursor trail existant ?

Oui. En mode édition, vous pouvez changer le type d’animation, l’easing, la taille ou les images (ajouter de nouveaux fichiers ou éléments de bibliothèque), puis cliquer sur « Enregistrer les modifications ».

Où utiliser le custom cursor trail créé et comment l’activer ?

Après l’enregistrement, l’ensemble apparaît dans votre extension ou application. Sélectionnez-le comme actif pour appliquer l’effet de custom cursor sur un site.

Vous pouvez basculer rapidement entre différents custom cursor trails pour vos tests A/B ou expérimentations de design.

Comment supprimer ou désactiver un custom cursor trail ?

Dans les paramètres de l’application ou extension, choisissez le curseur par défaut sans effets ou supprimez complètement l’ensemble.

Cela permet de basculer rapidement entre différents styles de curseur selon vos besoins.

Puis-je utiliser mes propres photos comme custom cursor trail ?

Oui, vous pouvez importer vos photos en JPG ou PNG et les utiliser comme éléments dans vos custom cursor trails.

Nous recommandons de recadrer la photo, réduire la résolution et garder un fond transparent pour de meilleures performances.

Preview Mode

Modifier Element circle Custom Cursor Trail — Constructeur de Curseur Trail | Effet de Curseur Animé