Comment ajouter des curseurs stylisés et inversés à une page Divi

Utilisez la page pour personnaliser le code CSS, que nous placerons entre les étiquettes de style. Carrosserie
Curseur: aucun;
} Ensuite, nous permettrons au curseur de suivre le mouvement du visiteur en utilisant la ligne de code jquery suivante: $(fenêtre). Mousemove (fonction (e)) {
Var CURSOR = $(\
$(\
Haut: E. curseur client. Hauteur () \ 2,
À gauche: E. clientx – curseur. Largeur () \ 2
});
}); Comme vous pouvez le voir dans l’aperçu de cet article, le style du curseur change une fois que le module bouton est placé. Pour ce faire, nous ajouterons une nouvelle classe CSS à l’étiquette de style. Augmenter la taille {
Transformation: échelle (5);
Couleur de fond: blanc;
}

Pour tous les modules de boutons, nous utiliserons le Code jquery pour modifier cette classe CSS. Le code suivant est destiné à tous les modules de boutons dans la Division Page par page $ (\
$(\
}); Module bouton – poussoir spécifique si vous voulez que l’effet s’applique à un module spécifique, vous avez besoin d’une approche différente. Tout d’abord, ouvrez le module bouton auquel vous souhaitez appliquer l’effet et incluez une classe CSS personnalisée. Classe CSS: boutons de curseur Ensuite, remplacez la classe CSS dans le Code que vous avez utilisé à l’étape précédente. C’est ça. (\
$(\
}); Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau Mobile Dans cet article, nous vous avons montré comment créer un curseur personnalisé pour une page Divi. Nous vous avons également montré comment utiliser ce curseur personnalisé pour activer les effets lorsque vous passez le curseur pendant que quelqu’un l’invite à agir

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *